body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0;padding:0;background:#000000;min-height:100vh}.app-container{width:90%;max-width:1200px;margin:20px auto;padding:20px;background-color:#fff;min-height:100vh;border-radius:10px;box-shadow:0 4px 15px #0003}@media (max-width: 1024px){.app-container{width:95%;padding:15px;margin-top:10px;margin-bottom:10px}}@media (max-width: 768px){.app-container{width:100%;margin:0;padding:10px;border-radius:0}}header{margin-bottom:40px;color:#fff;padding:20px;border-radius:10px 10px 0 0;position:relative;height:420px;background:#00dcff}header h1{position:absolute;top:20px;left:50%;transform:translate(-50%);margin:0;display:inline-block;font-size:24px}@media (max-width: 768px){header{height:300px;padding:10px}header h1{font-size:18px;top:10px}}.slideshow-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70vw;height:330px;border-radius:10px;overflow:hidden}@media (max-width: 768px){.slideshow-container{width:90vw;height:200px}}.slideshow-image{width:100%;height:100%;object-fit:contain}.dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex}.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.7);margin:0 5px;cursor:pointer}.dot.active{background:yellow}.admin-buttons{display:flex;flex-direction:column;gap:10px;position:absolute;top:10px;right:10px}.admin-buttons button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700;color:#fff;transition:transform .2s,box-shadow .2s}.admin-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.admin-buttons button:first-child{background:linear-gradient(45deg,#3498db,#2ecc71)}.admin-buttons button:last-child{background:linear-gradient(45deg,#e74c3c,#f39c12)}.section{margin-bottom:40px;padding:15px;border-radius:8px;background-color:#f9f9f9;border-left:5px solid #2ecc71}.section:nth-child(2){border-left-color:#e74c3c;background-color:#fdf2f2}.section:nth-child(3){border-left-color:#f39c12;background-color:#fefddf}.section:nth-child(4){border-left-color:#9b59b6;background-color:#f4f2f8}.section:nth-child(5){border-left-color:#1abc9c;background-color:azure}.section h2{color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:10px}.section p{line-height:1.6;color:#34495e}.section textarea{width:100%;min-height:120px;padding:12px;border:1px solid #bdc3c7;border-radius:8px;font-size:16px;font-family:Arial,sans-serif;resize:vertical;box-sizing:border-box}.clients-list{list-style-type:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;justify-items:center}@media (max-width: 768px){.clients-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width: 768px){.section{padding:10px;margin-bottom:20px}.section h2{font-size:18px}.clients-list li{padding:15px;min-height:60px;font-size:14px}.admin-buttons button{padding:6px 12px;font-size:14px}.modal-content h2{font-size:20px;height:auto;line-height:normal}}.clients-list li{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px;border-radius:12px;border:1px solid #ddd;color:#2c3e50;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;cursor:default;min-height:80px}.clients-list li:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 25px #00000026;background:linear-gradient(135deg,#e3f2fd,#f3e5f5)}.clients-list li img{border-radius:50%;border:2px solid #27ae60;transition:border-color .3s ease,transform .3s ease}.clients-list li:hover img{border-color:#1abc9c;transform:scale(1.1)}.edit-clients.clients-list{display:flex;flex-direction:column;gap:10px;justify-items:start}.edit-clients.clients-list li{display:block;background:#f8f9fa;border-radius:10px;padding:15px}.clients-list li input{flex:1;border:none;background:transparent;padding:5px}.clients-list li button{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;margin-left:10px}.clients-list li button:hover{background-color:#c0392b}.add-client-btn{background-color:#27ae60;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;margin-top:10px}.add-client-btn:hover{background-color:#229954}.image-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-item{text-align:center;border:1px solid #ddd;padding:10px;border-radius:6px}.image-item img{max-width:100px;height:auto}.image-item p{margin:5px 0;font-size:14px}.image-item button{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer}.image-item button:hover{background-color:#c0392b}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000004d;max-width:480px;width:100%;text-align:left}@media (max-width: 768px){.modal-content{padding:20px;width:95%;max-width:none}}.modal-content h2{margin-bottom:20px;color:#2c3e50;font-size:24px;font-weight:700;text-align:center;height:100px;line-height:100px}.modal-content input{width:70%;padding:12px;margin-bottom:15px;border:1px solid #bdc3c7;border-radius:8px;font-size:16px}.password-field{position:relative}.password-field input{padding-right:40px;box-sizing:border-box}.toggle-password{position:absolute;right:5px;top:5px;background:none;border:none;cursor:pointer;font-size:14px}.modal-content button{padding:12px 20px;margin:0 5px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s}.modal-content button:first-of-type{background-color:#3498db;color:#fff}.modal-content button:first-of-type:hover{background-color:#2980b9}.modal-content button:last-of-type{background-color:#e74c3c;color:#fff}.modal-content button:last-of-type:hover{background-color:#c0392b}.tabs{display:flex;justify-content:center;margin-bottom:30px;flex-wrap:wrap;padding:15px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.tabs.rounded{background:linear-gradient(45deg,#f5f5f5,#ffffff)}.tabs.square{background:#f0f0f0;border-radius:0}.tabs.minimal{background:transparent;box-shadow:none;padding:10px}.tabs.bold{background:linear-gradient(45deg,#2c3e50,#34495e);padding:20px}.tab{padding:12px 25px;cursor:pointer;font-size:18px;font-weight:700;margin:0 10px;transition:all .3s ease;position:relative;box-shadow:0 4px 6px #0000001a}.tabs.rounded .tab{border:2px solid #e0e0e0;background:linear-gradient(135deg,#ffffff,#f9f9f9);border-radius:25px;color:#34495e}.tabs.rounded .tab:hover{background:linear-gradient(135deg,#e8f4fd,#ffffff);border-color:#3498db;transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.tabs.rounded .active-tab{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#2980b9;color:#fff;box-shadow:0 6px 12px #3498db66,inset 0 1px #fff3;transform:translateY(-3px)}.tabs.rounded .active-tab:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #2980b9}.tabs.square .tab{border:2px solid #ccc;background:#ffffff;border-radius:0;color:#333}.tabs.square .tab:hover{background:#f0f0f0;border-color:#999;transform:translateY(-2px)}.tabs.square .active-tab{background:#3498db;border-color:#2980b9;color:#fff;transform:translateY(-2px)}.tabs.minimal .tab{border:none;background:transparent;border-radius:5px;color:#666;box-shadow:none;padding:10px 20px}.tabs.minimal .tab:hover{background:rgba(52,152,219,.1);color:#3498db;transform:none}.tabs.minimal .active-tab{background:rgba(52,152,219,.2);color:#2980b9;font-weight:700;transform:none}.tabs.bold .tab{border:3px solid #34495e;background:linear-gradient(135deg,#ffffff,#ecf0f1);border-radius:15px;color:#2c3e50;font-weight:700;padding:15px 30px}.tabs.bold .tab:hover{background:linear-gradient(135deg,#bdc3c7,#ecf0f1);border-color:#2c3e50;transform:translateY(-4px);box-shadow:0 8px 15px #0003}.tabs.bold .active-tab{background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:#c0392b;color:#fff;transform:translateY(-4px);box-shadow:0 8px 15px #e74c3c66}@media (max-width: 768px){.tabs{padding:10px}.tab{padding:8px 15px;font-size:14px;margin:5px}.tabs.bold .tab{padding:10px 20px}}.viewer-section{background-color:#fff!important;border-left:none!important}.viewer-section h2{color:#2c3e50!important;border-bottom:none;padding-bottom:10px}