.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:16px 0;border-bottom:1px solid var(--border)}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px}.logo-icon{width:48px;height:40px;background:var(--gradient);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;gap:0}.logo-s{font-size:18px;font-weight:800}.logo-d{font-size:12px;font-weight:600;opacity:.8;margin:0 1px}.logo-text{color:var(--secondary)}.navbar-menu{display:flex;align-items:center;gap:40px}.navbar-links{display:flex;list-style:none;gap:32px}.navbar-links a{font-weight:500;color:var(--text-light);transition:color .3s ease;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--primary)}.navbar-links a.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:var(--primary);border-radius:2px}.navbar-actions{display:flex;align-items:center;gap:16px}.language-switcher{position:relative}.language-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--background-alt);border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;transition:all .2s ease}.language-btn:hover{border-color:var(--primary)}.dropdown-arrow{font-size:10px;color:var(--text-light)}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #0000001a;overflow:hidden;min-width:80px;z-index:100}.language-option{display:block;width:100%;padding:10px 16px;background:none;border:none;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;text-align:left;transition:background .2s ease}.language-option:hover{background:var(--background-alt)}.language-option.active{color:var(--primary);background:#2563eb0d}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;padding:5px}.menu-toggle span{width:25px;height:2px;background:var(--secondary);transition:all .3s ease}@media (max-width: 768px){.menu-toggle{display:flex}.navbar-menu{position:fixed;top:73px;left:0;right:0;background:#fff;flex-direction:column;padding:32px 24px;gap:32px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease;border-bottom:1px solid var(--border)}.navbar-menu.active{transform:translateY(0);opacity:1;pointer-events:all}.navbar-links{flex-direction:column;align-items:center}.navbar-actions{flex-direction:column;gap:16px}.language-dropdown{left:50%;right:auto;transform:translate(-50%)}.logo-text{font-size:14px}}.footer{background:#0a0f1a;color:#fff;padding:80px 0 0}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo .logo-icon{width:48px;height:40px;background:var(--gradient);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;gap:0}.footer-logo .logo-s{font-size:18px;font-weight:800}.footer-logo .logo-d{font-size:12px;font-weight:600;opacity:.8;margin:0 1px}.footer-logo .logo-text{font-weight:700;font-size:18px;color:#fff}.footer-brand p{color:#94a3b8;line-height:1.7;max-width:300px}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footer-column h4{font-size:16px;margin-bottom:20px;color:#fff}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:#94a3b8;transition:color .3s ease}.footer-column ul li a:hover{color:var(--accent)}.footer-bottom{padding:24px 0;text-align:center}.footer-bottom p{color:#64748b;font-size:14px}@media (max-width: 992px){.footer-content{grid-template-columns:1fr;gap:48px}.footer-brand{text-align:center}.footer-brand p{margin:0 auto}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.footer-links{grid-template-columns:1fr;text-align:center}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:#1e293b;padding:20px;z-index:9999;box-shadow:0 -4px 20px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.cookie-text p{color:#e2e8f0;font-size:14px;line-height:1.6;margin:0}.cookie-text a{color:var(--accent);text-decoration:underline}.cookie-text a:hover{color:#fff}.cookie-actions{display:flex;gap:12px;flex-shrink:0}.cookie-btn{padding:10px 20px;font-size:14px;white-space:nowrap}.cookie-btn.btn-outline{background:transparent;border:1px solid #64748b;color:#e2e8f0}.cookie-btn.btn-outline:hover{background:#ffffff1a;border-color:#94a3b8}@media (max-width: 768px){.cookie-content{flex-direction:column;text-align:center}.cookie-actions{width:100%;justify-content:center}}.wip-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fafc,#fff,#f8fafc);padding-top:80px}.wip-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wip-shape{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.wip-shape-1{width:700px;height:700px;background:#2563eb1f;top:-300px;right:-200px;animation:wip-float 8s ease-in-out infinite}.wip-shape-2{width:500px;height:500px;background:#3b82f614;bottom:-200px;left:-150px;animation:wip-float 10s ease-in-out infinite reverse}.wip-shape-3{width:350px;height:350px;background:#2563eb0f;top:40%;left:50%;transform:translate(-50%,-50%);animation:wip-float 12s ease-in-out infinite}.wip-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;max-width:640px}.wip-logo{margin-bottom:32px}.wip-logo-icon{width:72px;height:60px;background:var(--gradient);color:#fff;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:24px;box-shadow:0 8px 32px #2563eb40}.wip-logo-icon .logo-s{font-size:24px;font-weight:800}.wip-logo-icon .logo-d{font-size:16px;font-weight:600;opacity:.8;margin:0 1px}.wip-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#2563eb14;border:1px solid rgba(37,99,235,.15);border-radius:100px;font-size:14px;font-weight:600;color:var(--primary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px;animation:wip-pulse 3s ease-in-out infinite}.wip-badge:before{content:"";width:8px;height:8px;background:var(--primary);border-radius:50%;animation:wip-dot 2s ease-in-out infinite}.wip-heading{font-size:48px;font-weight:800;color:var(--secondary);line-height:1.15;margin-bottom:20px;letter-spacing:-.5px}.wip-heading .gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wip-description{font-size:18px;line-height:1.7;color:var(--text-light);margin-bottom:40px;max-width:520px}.wip-progress-track{width:280px;height:4px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:40px}.wip-progress-bar{width:40%;height:100%;background:var(--gradient);border-radius:4px;animation:wip-progress 3s ease-in-out infinite}.wip-contact{font-size:15px;color:var(--text-light)}.wip-contact a{color:var(--primary);font-weight:600;transition:opacity .2s ease}.wip-contact a:hover{opacity:.8}@keyframes wip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@keyframes wip-pulse{0%,to{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 0 8px #2563eb0f}}@keyframes wip-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes wip-progress{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}@media (max-width: 768px){.wip-heading{font-size:32px}.wip-description{font-size:16px}.wip-logo-icon{width:60px;height:50px;font-size:20px}.wip-logo-icon .logo-s{font-size:20px}.wip-logo-icon .logo-d{font-size:14px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--secondary);padding:24px}.login-container{width:100%;max-width:420px}.login-card{background:#fff;border-radius:20px;padding:48px 40px;box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:52px;background:var(--gradient);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-weight:800}.login-logo .logo-s{font-size:22px}.login-logo .logo-d{font-size:14px;opacity:.8;margin:0 2px}.login-header h1{font-size:28px;color:var(--secondary);margin-bottom:8px}.login-header p{color:var(--text-light);font-size:15px}.login-form{margin-bottom:24px}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-weight:600;margin-bottom:8px;color:var(--secondary);font-size:14px}.login-form input{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;transition:all .3s ease;background:var(--background-alt)}.login-form input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.login-btn{width:100%;padding:14px;font-size:16px;margin-top:8px}.login-error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;border:1px solid #fecaca}.login-session-expired{display:flex;align-items:center;gap:10px;background:#fffbeb;color:#b45309;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;border:1px solid #fde68a}.login-session-expired .material-symbols-outlined{font-size:18px;flex-shrink:0}.field-error{display:block;color:#dc2626;font-size:12px;margin-top:6px;padding-left:2px}.login-form input.input-error{border-color:#ef4444;background:#fef2f2}.login-form input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-input-wrapper.has-error input{border-color:#ef4444;background:#fef2f2}.password-input-wrapper.has-error input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.login-footer{text-align:center;padding-top:24px;border-top:1px solid var(--border)}.login-footer a{color:var(--primary);font-weight:500;font-size:14px}.login-footer a:hover{text-decoration:underline}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-alt)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:50px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-light);font-size:12px;cursor:pointer;padding:4px;font-family:monospace;opacity:.7;transition:opacity .2s ease}.password-toggle:hover{opacity:1}.password-input-wrapper.match input,.login-form input.input-match{border-color:#22c55e}.password-input-wrapper.match input:focus,.login-form input.input-match:focus{border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.password-input-wrapper.no-match input,.login-form input.input-no-match{border-color:#ef4444}.password-input-wrapper.no-match input:focus,.login-form input.input-no-match:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.password-strength{display:flex;align-items:center;gap:12px;margin-top:8px}.strength-bars{display:flex;gap:4px;flex:1}.strength-bar{height:4px;flex:1;background:var(--border);border-radius:2px;transition:background-color .3s ease}.strength-bar.active{background:var(--primary)}.strength-label{font-size:12px;font-weight:600;min-width:80px;text-align:right}.password-match-indicator{font-size:12px;margin-top:6px;font-family:monospace}.password-match-indicator.match{color:#22c55e}.password-match-indicator.no-match{color:#ef4444}@media (max-width: 576px){.login-card{padding:32px 24px}.login-header h1{font-size:24px}}.dashboard-page{min-height:100vh;display:flex;background:#f1f5f9}.dashboard-sidebar{width:280px;background:var(--secondary);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}.sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:40px;height:34px;background:var(--gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800}.sidebar-logo .logo-s{font-size:14px}.sidebar-logo .logo-d{font-size:10px;opacity:.8;margin:0 1px}.sidebar-title{font-weight:600;font-size:16px}.sidebar-client-badge{display:flex;align-items:center;gap:8px;margin:0 16px 8px;padding:8px 12px;background:#ffffff0f;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.client-badge-icon{font-size:16px;color:#ffffff80}.client-badge-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:none;background:transparent;color:#94a3b8;font-size:15px;cursor:pointer;border-radius:10px;transition:all .2s ease;margin-bottom:4px;text-align:left;text-decoration:none}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:var(--gradient);color:#fff}.nav-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;font-size:20px;font-weight:400;flex-shrink:0}.nav-item.active .nav-icon{background:#fff3}.nav-label{font-weight:500;flex:1}.nav-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-left:auto;animation:navBadgePulse 2s infinite}@keyframes navBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:40px;height:40px;background:var(--gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.user-details{flex:1;overflow:hidden}.user-name{display:block;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{display:block;font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;padding:10px;background:#ffffff1a;border:none;color:#94a3b8;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.logout-btn:hover{background:#ffffff26;color:#fff}.dashboard-main{flex:1;margin-left:280px;min-height:100vh}.dashboard-header{padding:20px 40px;background:#fff;border-bottom:1px solid var(--border)}.dashboard-header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.dashboard-header-left h1{font-size:24px;color:var(--secondary);margin-bottom:2px}.dashboard-header-left p{color:var(--text-light);font-size:14px}.prop-dropdown{position:relative;flex-shrink:0}.prop-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--border, #e5e7eb);border-radius:10px;background:var(--card, white);cursor:pointer;transition:all .15s;min-width:180px}.prop-dropdown-trigger:hover{border-color:var(--primary, #2563eb);box-shadow:0 2px 8px #0000000f}.prop-dropdown-icon{font-size:18px;color:var(--primary, #2563eb)}.prop-dropdown-name{font-size:14px;font-weight:600;color:var(--secondary, #1e293b);flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-dropdown-chevron{font-size:18px;color:var(--text-light, #94a3b8);transition:transform .2s}.prop-dropdown-chevron.open{transform:rotate(180deg)}.prop-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;max-width:320px;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:12px;box-shadow:0 8px 30px #0000001f;z-index:100;padding:4px;animation:propDropFade .15s ease}@keyframes propDropFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.prop-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%;border:none;border-radius:8px;background:transparent;cursor:pointer;text-align:left;transition:background .12s}.prop-dropdown-item:hover{background:var(--background-alt, #f8fafc)}.prop-dropdown-item.active{background:#2563eb0f}.prop-dropdown-item-name{flex:1;font-size:14px;font-weight:500;color:var(--secondary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prop-dropdown-item.active .prop-dropdown-item-name{font-weight:600;color:var(--primary, #2563eb)}.prop-dropdown-item-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light, #94a3b8);padding:2px 6px;background:var(--background-alt, #f1f5f9);border-radius:4px}.prop-dropdown-item-check{font-size:16px;color:var(--primary, #2563eb)}.dashboard-content{padding:32px 40px}.section-content{display:flex;flex-direction:column;gap:24px}.content-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.card-header h3{font-size:18px;color:var(--secondary)}.btn-sm{padding:8px 16px;font-size:14px}.empty-state{text-align:center;padding:48px 24px;background:var(--background-alt);border-radius:12px}.empty-icon{width:64px;height:64px;background:var(--gradient);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;font-family:monospace;margin:0 auto 16px}.empty-state p{color:var(--text-light);font-size:15px}.settings-form{max-width:600px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-form .form-group{margin-bottom:20px}.settings-form label{display:block;font-weight:600;margin-bottom:8px;color:var(--secondary);font-size:14px}.settings-form input{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;transition:all .3s ease;background:var(--background-alt)}.settings-form input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.settings-form input:disabled{opacity:.6;cursor:not-allowed}.header-actions{display:flex;gap:8px}.empty-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.domains-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.list-header{display:grid;grid-template-columns:2fr 1fr 1fr 100px;gap:16px;padding:14px 20px;background:var(--background-alt);font-weight:600;font-size:13px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.list-item{display:grid;grid-template-columns:2fr 1fr 1fr 100px;gap:16px;padding:16px 20px;align-items:center;border-top:1px solid var(--border);transition:background .2s ease}.list-item:hover{background:var(--background-alt)}.domain-name{font-weight:600;color:var(--secondary)}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active,.status-badge.online{background:#dcfce7;color:#16a34a}.status-badge.pending,.status-badge.maintenance{background:#fef3c7;color:#d97706}.status-badge.expired,.status-badge.offline{background:#fee2e2;color:#dc2626}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.btn-icon{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:20px;font-weight:300;line-height:1;padding:4px 8px;border-radius:4px;transition:all .2s ease}.btn-icon:hover{background:#fee2e2;color:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0003}.modal-large{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:20px;color:var(--secondary)}.modal-close{background:none;border:none;font-size:24px;line-height:1;font-weight:300;cursor:pointer;color:var(--text-light);padding:4px 8px;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:24px}.modal-description{color:var(--text-light);margin-bottom:20px;line-height:1.6}.modal-body .form-group{margin-bottom:16px}.modal-body label{display:block;font-weight:600;margin-bottom:8px;color:var(--secondary);font-size:14px}.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;transition:all .3s ease}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.modal-body textarea{resize:vertical;min-height:80px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border);background:var(--background-alt);border-radius:0 0 20px 20px}.btn-secondary{padding:12px 24px;background:#fff;border:1px solid var(--border);color:var(--secondary);border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--background-alt);border-color:var(--text-light)}.btn-secondary.btn-sm{padding:8px 16px;font-size:14px}.data-table{border:1px solid var(--border);border-radius:12px;overflow:hidden}.data-table .table-header{display:grid;gap:16px;padding:14px 20px;background:var(--background-alt);font-weight:600;font-size:13px;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px}.data-table .table-row{display:grid;gap:16px;padding:16px 20px;align-items:center;border-top:1px solid var(--border);transition:background .2s ease}.data-table .table-row:hover{background:var(--background-alt)}.filter-tabs{display:flex;gap:4px;background:var(--background-alt);padding:4px;border-radius:10px;margin-bottom:24px}.filter-tab{padding:8px 16px;border:none;background:transparent;color:var(--text-light);font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.filter-tab:hover{color:var(--text)}.filter-tab.active{background:#fff;color:var(--secondary);box-shadow:0 1px 3px #0000001a}.property-selector{margin-bottom:24px}.property-selector select{padding:10px 16px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;background:#fff;color:var(--text);cursor:pointer;min-width:240px}.property-selector select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.quick-actions{display:flex;gap:8px}.quick-actions button{padding:6px 12px;font-size:12px;font-weight:600;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text-light);cursor:pointer;transition:all .2s ease}.quick-actions button:hover{background:var(--background-alt);color:var(--text)}.quick-actions button.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.lang-tabs{display:flex;gap:4px;margin-bottom:16px}.lang-tab{padding:6px 14px;border:1px solid var(--border);background:#fff;color:var(--text-light);font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.lang-tab:hover{border-color:var(--primary);color:var(--primary)}.lang-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}@media (max-width: 992px){.dashboard-sidebar{width:80px}.sidebar-title,.nav-label,.user-details{display:none}.sidebar-header{justify-content:center;padding:16px}.nav-item{justify-content:center;padding:12px}.user-info{justify-content:center;margin-bottom:8px}.dashboard-main{margin-left:80px}}@media (max-width: 576px){.dashboard-sidebar{width:100%;height:auto;position:relative;flex-direction:row;padding:0}.sidebar-header{display:none}.sidebar-nav{display:flex;padding:8px;overflow-x:auto;flex:1}.nav-item{flex-direction:column;gap:4px;padding:8px 16px;margin-bottom:0;margin-right:4px;min-width:fit-content}.nav-label{display:block;font-size:11px}.nav-icon{width:32px;height:32px;font-size:10px}.sidebar-footer{display:none}.dashboard-main{margin-left:0}.dashboard-page{flex-direction:column}.dashboard-header,.dashboard-content{padding:24px}.form-row{grid-template-columns:1fr}.filter-tabs{overflow-x:auto}}.dv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media (max-width: 900px){.dv-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dv-stats{grid-template-columns:1fr}}.dv-stat-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px;transition:box-shadow .2s,border-color .2s}.dv-stat-card:hover{box-shadow:0 2px 10px #0000000f;border-color:#d1d5db}.dv-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dv-stat-icon .material-symbols-outlined{font-size:22px}.dv-stat-text{display:flex;flex-direction:column;gap:2px}.dv-stat-num{font-size:24px;font-weight:700;line-height:1.1;color:#1e293b}.dv-stat-lbl{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.dv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:4px 0}@media (max-width: 700px){.dv-grid{grid-template-columns:1fr}}.dv-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s;position:relative}.dv-card:hover{border-color:#c7d2fe;box-shadow:0 2px 12px #2563eb0f}.dv-card--occupied{border-left:4px solid #4CAF50;background:linear-gradient(135deg,#f0fdf4,#fff 60%)}.dv-card--occupied:hover{border-color:#4caf50;border-left-color:#4caf50}.dv-card--selected{border-color:#2563eb;background:#eff6ff;box-shadow:0 0 0 2px #2563eb1f}.dv-card-top{display:flex;align-items:center;justify-content:space-between}.dv-check{cursor:pointer;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.dv-check input{display:none}.dv-check-box{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s;background:#fff}.dv-check input:checked+.dv-check-box{background:#2563eb;border-color:#2563eb}.dv-check input:checked+.dv-check-box:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.dv-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid;text-transform:capitalize}.dv-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dv-card-identity{display:flex;align-items:center;gap:14px}.dv-card-avatar{width:48px;height:48px;border-radius:14px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dv-card-avatar .material-symbols-outlined{font-size:24px}.dv-card-avatar.occupied{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.dv-card-name{display:flex;flex-direction:column;gap:2px;min-width:0}.dv-card-name strong{font-size:15px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-card-room{font-size:13px;color:#64748b}.dv-guest-strip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#dcfce7;border-radius:10px;font-size:13px;color:#166534;font-weight:500}.dv-guest-strip .material-symbols-outlined{font-size:16px;color:#22c55e}.dv-guest-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dv-card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.dv-card-meta .material-symbols-outlined{font-size:14px}.dv-card-actions{display:flex;gap:8px;padding-top:4px;border-top:1px solid #f1f5f9}.dv-act-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;color:#475569}.dv-act-btn .material-symbols-outlined{font-size:16px}.dv-act-btn.success{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}.dv-act-btn.success:hover{background:#16a34a;color:#fff;border-color:#16a34a}.dv-act-btn.warn{color:#d97706;border-color:#fde68a;background:#fffbeb}.dv-act-btn.warn:hover{background:#d97706;color:#fff;border-color:#d97706}.dv-act-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;color:#64748b;transition:all .15s}.dv-act-icon .material-symbols-outlined{font-size:16px}.dv-act-icon:hover{color:#d97706;border-color:#fde68a;background:#fffbeb}.dv-act-icon.danger:hover{color:#dc2626;border-color:#fca5a5;background:#fef2f2}.dv-bulk-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:16px;animation:dvSlide .2s ease}@keyframes dvSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dv-bulk-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#2563eb}.dv-bulk-label .material-symbols-outlined{font-size:18px}.dv-bulk-actions{display:flex;gap:8px;align-items:center}.dv-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.dv-btn-ghost:hover{border-color:#94a3b8;background:#f8fafc}.dv-btn-warn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid #fb923c;border-radius:8px;background:#ea580c;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.dv-btn-warn .material-symbols-outlined{font-size:16px}.dv-btn-warn:hover{background:#c2410c}.dv-btn-warn:disabled{opacity:.6;cursor:not-allowed}.dv-section-title{display:flex;align-items:center;gap:8px}.dv-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:12px;padding:0 8px;font-size:12px;font-weight:700;color:#fff}.dv-badge.orange{background:#f97316}.pending-devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.pending-device-card{background:#fff;border:1px solid #fde68a;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s}.pending-device-card:hover{box-shadow:0 4px 16px #f9731614}.pending-device-card.expired{border-color:#fca5a5;opacity:.7}.pending-device-header{display:flex;align-items:center;gap:12px}.pending-device-icon{font-size:28px;color:#f59e0b}.pending-device-card.expired .pending-device-icon{color:#f87171}.pending-device-code{font-size:28px;font-weight:700;letter-spacing:6px;font-family:SF Mono,Fira Code,monospace;color:#1e293b}.pending-device-info{display:flex;flex-direction:column;gap:4px}.pending-device-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.pending-device-actions{display:flex;gap:8px}.pending-device-actions .btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px}.dv-modal-device{display:flex;align-items:center;gap:14px;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:16px;border:1px solid #e5e7eb}.dv-modal-device .material-symbols-outlined{font-size:28px;color:#2563eb}.dv-modal-device div{display:flex;flex-direction:column}.dv-modal-device span{font-size:13px;color:#64748b}.dv-pairing-box{text-align:center;padding:20px;margin-bottom:16px;background:#f0f9ff;border:2px dashed #93c5fd;border-radius:14px}.dv-pairing-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#64748b;margin-bottom:8px;font-weight:600}.dv-pairing-code{font-size:36px;font-weight:700;font-family:SF Mono,Fira Code,monospace;letter-spacing:10px;color:#2563eb}.color-picker-field{display:flex;flex-direction:column;gap:5px}.color-picker-row{display:flex;align-items:center;gap:10px}.color-picker-native-wrap{position:relative;width:36px;height:36px;flex-shrink:0;border-radius:8px;border:1.5px solid var(--border, #e5e7eb);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.color-picker-native-wrap:hover{border-color:var(--primary, #2563eb);box-shadow:0 0 0 2px #2563eb1f}.color-picker-native{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;cursor:pointer;opacity:0}.color-picker-text{width:110px;padding:7px 10px;border:1.5px solid var(--border, #e5e7eb);border-radius:8px;font-family:SF Mono,Fira Code,Menlo,monospace;font-size:13px;color:var(--secondary, #1e293b);background:var(--card, white);box-sizing:border-box;flex-shrink:0}.color-picker-text:focus{outline:none;border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.color-picker-history{display:flex;align-items:center;gap:6px;margin-top:2px}.color-picker-history-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-light, #94a3b8);flex-shrink:0;-webkit-user-select:none;user-select:none}.color-picker-swatches{display:flex;flex-wrap:wrap;gap:3px}.color-picker-swatch-btn{width:20px;height:20px;border-radius:5px;border:1.5px solid rgba(0,0,0,.08);cursor:pointer;padding:0;transition:border-color .12s,transform .12s,box-shadow .12s}.color-picker-swatch-btn:hover{border-color:var(--secondary, #1e293b);transform:scale(1.2);box-shadow:0 1px 4px #00000026}.content-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;min-height:calc(100vh - 220px)}.content-tree{background:#fff;border:1px solid var(--border);border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.tree-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.tree-header h4{margin:0;font-size:14px;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px}.tree-add-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--primary);color:#fff;cursor:pointer;transition:all .15s ease}.tree-add-btn:hover{background:var(--primary-hover);transform:scale(1.05)}.tree-add-btn .material-symbols-outlined{font-size:18px}.tree-body{flex:1;overflow-y:auto;padding:8px 0}.tree-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;text-align:center;color:var(--text-light)}.tree-empty .material-symbols-outlined{font-size:36px;opacity:.3}.tree-empty p{margin:0;font-size:13px}.tree-node{-webkit-user-select:none;user-select:none}.tree-item{display:flex;align-items:center;gap:6px;padding:6px 12px;cursor:pointer;transition:all .12s ease;border-left:3px solid transparent;min-height:34px}.tree-item:hover{background:var(--background-alt)}.tree-item.selected{background:#2563eb0f;border-left-color:var(--primary)}.tree-expand-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:4px;color:var(--text-light);flex-shrink:0;padding:0;transition:background .15s}.tree-expand-btn:hover{background:var(--border)}.tree-expand-spacer{width:20px;flex-shrink:0}.tree-label{flex:1;font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item.selected .tree-label{color:var(--primary);font-weight:600}.tree-inactive-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.tree-item-actions{display:none;gap:2px;margin-left:auto;flex-shrink:0}.tree-item:hover .tree-item-actions{display:flex}.tree-action-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:4px;color:var(--text-light);padding:0;transition:all .15s}.tree-action-btn:hover{background:#2563eb14;color:var(--primary)}.tree-action-btn.danger:hover{background:#ef444414;color:#dc2626}.tree-add-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--border);background:none;cursor:pointer;border-radius:8px;color:var(--text-light);transition:all .15s}.tree-add-btn:hover{border-color:var(--primary);color:var(--primary);background:#2563eb0a}.tree-add-section-btn{border:none;background:none;opacity:.5;transition:opacity .15s}.tree-add-section-btn:hover{opacity:1;background:var(--background-alt)}.node-icon-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);border-radius:12px;background:var(--background-alt);cursor:pointer;flex-shrink:0;transition:all .15s;color:var(--secondary)}.node-icon-btn:hover{border-color:var(--primary);background:#2563eb0a}.node-icon-picker-wrap{border:1px solid var(--border, #e5e7eb);border-radius:10px;background:var(--background-alt, #f9fafb);margin-bottom:8px;overflow:hidden;position:relative;transition:border-color .2s,box-shadow .2s}.node-icon-picker-wrap.drag-over{border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1f}.icon-picker-drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#2563eb14;color:var(--primary, #2563eb);font-size:13px;font-weight:600;border-radius:10px;pointer-events:none}.icon-picker-drop-overlay .material-symbols-outlined{font-size:28px}.icon-upload-btn{border:2px dashed var(--border, #e5e7eb)!important;background:var(--background-alt, #f9fafb)!important;display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-upload-btn:hover{border-color:var(--primary, #2563eb)!important;background:#2563eb0a!important}.node-icon-tabs{display:flex;border-bottom:1px solid var(--border, #e5e7eb)}.node-icon-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;background:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-light, #94a3b8);transition:all .15s}.node-icon-tab:hover{color:var(--secondary, #1e293b);background:#00000005}.node-icon-tab.active{color:var(--primary, #2563eb);box-shadow:inset 0 -2px 0 var(--primary, #2563eb)}.node-icon-search{width:100%;padding:6px 10px;border:none;border-bottom:1px solid var(--border, #e5e7eb);font-size:12px;background:#fff;box-sizing:border-box}.node-icon-search:focus{outline:none;background:#2563eb05}.node-icon-picker{display:grid;grid-template-columns:repeat(auto-fill,36px);gap:4px;max-height:320px;overflow-y:auto;padding:8px;scrollbar-width:thin}.node-icon-picker.custom-grid{grid-template-columns:repeat(auto-fill,48px)}.node-icon-option{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;transition:all .12s;color:var(--text-light);padding:0;overflow:hidden}.node-icon-option.custom{width:48px;height:48px}.node-icon-option.custom img{width:100%;height:100%;object-fit:cover;border-radius:6px}.node-icon-option:hover{border-color:var(--border);color:var(--secondary)}.node-icon-option.selected{border-color:var(--primary);color:var(--primary);background:#2563eb0f}.node-icon-empty{grid-column:1 / -1;text-align:center;padding:16px;font-size:12px;color:var(--text-light)}.node-key-field{display:flex;align-items:center;gap:4px;margin-top:4px}.node-key-prefix{font-size:11px;font-weight:600;color:var(--text-light);font-family:monospace}.node-key-input{flex:1;font-size:11px;font-family:monospace;padding:2px 6px;border:1px solid var(--border);border-radius:4px;color:var(--text-light);background:var(--background-alt)}.form-hint{font-size:12px;color:var(--text-light);margin:-4px 0 8px}.form-error{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);color:#dc2626;font-size:13px}.node-quick-setup{padding:8px 0}.quick-setup-hint{font-size:13px;color:var(--text-light, #94a3b8);margin:0 0 12px}.quick-setup-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:#fff;margin-bottom:16px}.quick-setup-card.active{border-color:var(--primary, #2563eb);background:#2563eb08}.quick-setup-icon{font-size:24px;color:var(--primary, #2563eb);flex-shrink:0}.quick-setup-info{flex:1;display:flex;flex-direction:column;gap:2px}.quick-setup-info strong{font-size:13px;color:var(--secondary, #1e293b)}.quick-setup-meta{font-size:12px;color:var(--text-light, #94a3b8)}.quick-setup-url{display:block;font-size:11px;color:var(--primary, #2563eb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.quick-setup-options{display:flex;flex-direction:column;gap:8px}.quick-setup-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--border, #e5e7eb);border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:all .15s}.quick-setup-option:hover{border-color:var(--primary, #2563eb);background:#2563eb08;box-shadow:0 2px 8px #2563eb0f}.quick-setup-option .material-symbols-outlined{font-size:24px;color:var(--text-light, #94a3b8);margin-top:2px;flex-shrink:0}.quick-setup-option:hover .material-symbols-outlined{color:var(--primary, #2563eb)}.quick-setup-option div{display:flex;flex-direction:column;gap:2px}.quick-setup-option strong{font-size:13px;font-weight:600;color:var(--secondary, #1e293b)}.quick-setup-option span{font-size:12px;color:var(--text-light, #94a3b8)}.entry-action-section{margin-top:12px;border:1px solid var(--border, #e5e7eb);border-radius:10px;overflow:hidden}.entry-action-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:var(--background-alt, #f9fafb);cursor:pointer;font-size:13px;font-weight:600;color:var(--secondary, #1e293b);transition:background .15s}.entry-action-toggle:hover{background:var(--border, #e5e7eb)}.entry-action-chevron{margin-left:auto;color:var(--text-light, #94a3b8)}.entry-action-badge{margin-left:8px;padding:2px 8px;border-radius:10px;background:#2563eb14;color:var(--primary, #2563eb);font-size:11px;font-weight:600}.entry-action-body{padding:14px;border-top:1px solid var(--border, #e5e7eb)}.entry-action-body .form-group{margin-bottom:12px}.entry-action-body .form-group:last-child{margin-bottom:0}.entry-file-picker{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:140px;overflow-y:auto}.content-detail{display:flex;flex-direction:column;gap:16px}.detail-header{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 20px;gap:16px}.detail-header-info{display:flex;align-items:center;gap:12px;min-width:0}.detail-root-icon{font-size:32px!important;color:var(--primary)!important}.detail-title{margin:0;font-size:18px;font-weight:700;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-level{font-size:12px;color:var(--text-light);font-weight:500}.btn-icon{font-size:18px!important;margin-right:4px;vertical-align:middle}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.detail-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease}.detail-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #2563eb14;transform:translateY(-1px)}.detail-card-icon{width:44px;height:44px;background:var(--background-alt);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-card-body{flex:1;min-width:0}.detail-card-label{display:block;font-weight:600;font-size:15px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-card-meta{display:block;font-size:12px;color:var(--text-light);margin-top:2px}.detail-card-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;background:#fff;border:1px solid var(--border);border-radius:14px;text-align:center;color:var(--text-light)}.detail-empty .material-symbols-outlined{font-size:48px;opacity:.25}.detail-empty p{margin:0;font-size:15px}.content-table{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.content-title-cell{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--secondary)}.content-date{font-size:13px;color:var(--text-light)}.toggle-sm{transform:scale(.85)}.btn-icon-sm{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:var(--text-light);transition:all .2s ease;display:flex;align-items:center}.btn-icon-sm .material-symbols-outlined{font-size:20px}.btn-icon-sm.danger:hover{background:#fee2e2;color:#dc2626}.icon-picker{border:1px solid var(--border);border-radius:10px;overflow:hidden}.icon-picker-tabs{display:flex;border-bottom:1px solid var(--border)}.icon-picker-tab{flex:1;padding:8px;font-size:13px;font-weight:600;border:none;background:var(--background-alt);color:var(--text-light);cursor:pointer;transition:all .2s ease}.icon-picker-tab.active{background:#fff;color:var(--primary)}.icon-picker-material{padding:0}.icon-picker-preview{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s}.icon-picker-preview:hover{background:var(--background-alt)}.icon-picker-preview .material-symbols-outlined{font-size:24px;color:var(--primary)}.icon-picker-label{flex:1;font-size:14px;color:var(--secondary);font-weight:500}.icon-picker-toggle{font-size:10px;color:var(--text-light)}.icon-picker-dropdown{border-top:1px solid var(--border);padding:12px}.icon-search{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;margin-bottom:12px;box-sizing:border-box}.icon-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:4px;max-height:220px;overflow-y:auto}.icon-grid-item{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer;transition:all .15s ease;color:var(--text)}.icon-grid-item:hover{background:var(--background-alt);border-color:var(--border)}.icon-grid-item.selected{background:#2563eb1a;border-color:var(--primary);color:var(--primary)}.icon-grid-item .material-symbols-outlined{font-size:22px}.icon-grid-empty{grid-column:1 / -1;text-align:center;padding:20px;color:var(--text-light);font-size:13px}.icon-picker-uploads{padding:12px}.icon-picker-uploads-loading,.icon-picker-uploads-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 12px;color:var(--text-light);font-size:13px;text-align:center}.icon-picker-uploads-empty .material-symbols-outlined{font-size:32px;opacity:.4}.icon-picker-uploads-search{margin-bottom:12px}.icon-uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;max-height:220px;overflow-y:auto}.icon-upload-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:8px;background:var(--background-alt);cursor:pointer;padding:4px;transition:all .15s ease;overflow:hidden}.icon-upload-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}.icon-upload-item:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000f}.icon-upload-item.selected{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.icon-picker-preview-img{width:24px;height:24px;object-fit:cover;border-radius:4px}.icon-picker-custom{padding:12px}.icon-picker-custom input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;box-sizing:border-box}.icon-picker-custom input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.icon-picker-custom-preview{margin-top:12px;display:flex;align-items:center;justify-content:center}.icon-picker-custom-preview img{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid var(--border)}.node-icon-img{object-fit:contain;border-radius:4px}.image-field-picker{border:1px solid var(--border);border-radius:10px;overflow:hidden}.image-field-preview{position:relative;display:inline-block;margin:12px}.image-field-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.image-field-clear{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#dc2626;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.image-field-clear .material-symbols-outlined{font-size:14px}.image-field-controls{display:flex;gap:8px;padding:10px 12px}.image-field-controls input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px}.image-field-controls input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.image-picker-dropdown{border-top:1px solid var(--border);padding:12px}.field-required{color:#dc2626;margin-left:4px;font-weight:700}.quick-actions{display:flex;align-items:center;gap:4px}.btn-icon-sm:hover{background:var(--background-alt)}.tree-style-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#a78bfa,#6366f1);flex-shrink:0;margin-left:auto}.detail-card{position:relative}.detail-card-style-badge{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#a78bfa20,#6366f120);display:flex;align-items:center;justify-content:center;color:#6366f1}.detail-tabs{display:flex;gap:4px;background:var(--background-alt);border-radius:10px;padding:4px;flex-shrink:0}.detail-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:8px;background:transparent;font-size:13px;font-weight:600;color:var(--text-light);cursor:pointer;transition:all .2s ease;white-space:nowrap}.detail-tab:hover{color:var(--text);background:#ffffff80}.detail-tab.active{background:#fff;color:var(--primary);box-shadow:0 1px 4px #0000000f}.style-editor{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.style-preview{height:180px;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:center}.style-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.style-preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.style-preview-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.style-preview-header{height:40px;max-width:160px;object-fit:contain;margin-bottom:4px}.style-preview-text{font-size:18px;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.style-preview-accent{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.4)}.style-controls{padding:20px;display:flex;flex-direction:column;gap:18px}.style-field{display:flex;flex-direction:column;gap:6px}.style-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--secondary)}.style-label .material-symbols-outlined{color:var(--text-light)}.style-label-value{margin-left:auto;font-weight:500;color:var(--text-light);font-size:12px}.style-color-row{display:flex;align-items:center;gap:10px}.style-color-swatch{width:40px;height:36px;border:1px solid var(--border);border-radius:8px;padding:2px;cursor:pointer;background:none}.style-color-text{flex:1;max-width:140px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:SFMono-Regular,Consolas,monospace}.style-color-text:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.style-range{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:3px;outline:none;margin-top:4px}.style-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #00000026}.style-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #00000026}.style-image-input{display:flex;flex-direction:column;gap:8px}.style-image-thumb{position:relative;display:inline-block;width:fit-content}.style-image-thumb img{width:120px;height:68px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.style-image-thumb.header img{width:160px;height:44px;object-fit:contain}.style-image-clear{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:none;background:#dc2626;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.style-image-clear .material-symbols-outlined{font-size:13px}.style-image-actions{display:flex;gap:8px;align-items:center}.style-text-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px}.style-text-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.btn-xs{padding:4px 8px!important;font-size:12px!important;min-height:auto!important;border-radius:6px!important}.style-layout-options{display:flex;gap:8px}.style-layout-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:2px solid var(--border);border-radius:10px;background:var(--background-alt);cursor:pointer;transition:all .2s ease;color:var(--text-light);font-size:12px;font-weight:600}.style-layout-btn:hover{border-color:var(--primary);color:var(--primary);background:#2563eb0a}.style-layout-btn.active{border-color:var(--primary);background:#2563eb0f;color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.style-save-row{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--border)}.inline-image-picker{background:var(--background-alt);border:1px solid var(--border);border-radius:10px;padding:10px}.inline-image-search{width:100%;padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;margin-bottom:8px;box-sizing:border-box}.inline-image-search:focus{outline:none;border-color:var(--primary)}.inline-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;max-height:150px;overflow-y:auto}.inline-image-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:8px;background:#fff;cursor:pointer;padding:2px;transition:all .15s ease;overflow:hidden}.inline-image-item img{width:100%;height:100%;object-fit:cover;border-radius:4px}.inline-image-item:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000f}.inline-image-item.selected{border-color:var(--primary)}.inline-image-empty{grid-column:1 / -1;text-align:center;padding:16px;font-size:12px;color:var(--text-light)}.carousel-thumbs{display:flex;gap:8px;flex-wrap:wrap;padding:4px 0}.carousel-thumb{position:relative;width:100px;height:60px;border-radius:8px;overflow:hidden;border:2px solid var(--border);flex-shrink:0}.carousel-thumb img{width:100%;height:100%;object-fit:cover}.carousel-thumb-actions{position:absolute;top:0;right:0;display:flex;gap:1px;background:#00000080;border-radius:0 0 0 6px;opacity:0;transition:opacity .15s}.carousel-thumb:hover .carousel-thumb-actions{opacity:1}.carousel-thumb-actions button{background:none;border:none;color:#fff;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.carousel-thumb-actions button .material-symbols-outlined{font-size:16px}.carousel-thumb-actions button.danger:hover{color:#f87171}.carousel-thumb-num{position:absolute;bottom:2px;left:4px;font-size:10px;font-weight:700;color:#fff;background:#00000080;border-radius:3px;padding:0 4px;line-height:16px}.style-field-hint{font-size:12px;color:var(--text-light);margin:-2px 0 6px}.style-preview-dots{display:flex;gap:5px;margin-top:6px}.style-preview-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;transition:all .3s}.style-preview-dot.active{background:#fff;transform:scale(1.3)}.inline-image-header{display:flex;gap:6px;margin-bottom:8px}.inline-image-header .inline-image-search{flex:1;margin-bottom:0}.inline-image-item{position:relative}.inline-image-check{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff}.customize-panel{display:flex;flex-direction:column;gap:24px}.customize-section{border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:16px;background:var(--background-alt, #f9fafb)}.customize-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--secondary, #1e293b);margin:0 0 4px}.customize-section-hint{font-size:12px;color:var(--text-light, #94a3b8);margin:0 0 12px}.action-editor .style-controls{gap:14px}.action-select{width:100%;padding:8px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--background-alt, #f9fafb);font-size:13px;color:var(--secondary, #1e293b)}.action-file-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:#fff;cursor:pointer;transition:all .15s;text-align:left}.action-file-item:hover{border-color:var(--primary, #2563eb);background:#2563eb0a}.action-file-item.selected{border-color:var(--primary, #2563eb);background:#2563eb0f}.action-file-name{font-size:13px;color:var(--secondary, #1e293b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-current-file{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:#ef444408;margin-bottom:8px}.style-drop-target{position:relative;border:2px solid transparent;border-radius:10px;padding:10px;margin:-10px -10px 4px;transition:border-color .2s,box-shadow .2s,background .2s}.style-drop-target.drag-over{border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1f;background:#2563eb08}.style-drop-hint{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:8px;background:#2563eb14;color:var(--primary, #2563eb);font-size:12px;font-weight:600;margin-bottom:8px}.style-drop-hint .material-symbols-outlined{font-size:18px}.doc-drop-zone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border:2px dashed var(--border, #d1d5db);border-radius:10px;background:var(--background-alt, #f9fafb);transition:border-color .2s,background .2s,box-shadow .2s;cursor:default}.doc-drop-zone.drag-over{border-color:var(--primary, #2563eb);background:#2563eb0f;box-shadow:0 0 0 3px #2563eb1f}.doc-drop-zone.uploading{opacity:.7;pointer-events:none}.doc-drop-content{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--text-light, #94a3b8)}.doc-drop-icon{font-size:28px!important;color:var(--text-light, #94a3b8)}.doc-drop-zone.drag-over .doc-drop-icon{color:var(--primary, #2563eb)}.doc-drop-icon.spinning{animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.doc-drop-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.action-doc-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-file-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:160px;overflow-y:auto;border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:6px;background:var(--background-alt, #f9fafb)}@media (max-width: 768px){.content-layout{grid-template-columns:1fr;gap:12px}.content-tree{max-height:280px}.detail-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:flex-start;gap:12px}.detail-tabs{width:100%}.detail-tab{flex:1;justify-content:center}.style-preview{height:140px}.style-layout-options{flex-wrap:wrap}}.map-search-spinner{position:absolute;right:10px;top:50%;transform:translateY(50%);pointer-events:none}.map-spin-icon{font-size:16px;color:var(--primary);animation:map-spin 1s linear infinite}@keyframes map-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.map-url-parsed{display:flex;align-items:center;gap:4px;margin-top:4px}.map-search-results{position:absolute;top:100%;left:0;right:0;z-index:100;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;margin-top:4px;max-height:260px;overflow-y:auto;padding:4px}.map-search-result-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;width:100%;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;font-size:13px;color:var(--text);line-height:1.35;transition:background .15s}.map-search-result-item:hover{background:var(--bg-light, #f5f5f5)}.map-search-result-item .material-symbols-outlined{margin-top:1px;flex-shrink:0}.map-result-name{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.map-search-attribution{padding:4px 10px 6px;text-align:right}.websites-page{max-width:960px}.websites-header{margin-bottom:4px}.websites-header h2{font-size:22px;font-weight:700;color:var(--secondary);margin:0}.websites-header .subtitle{font-size:13px;color:var(--text-muted);margin:4px 0 0}.websites-cards{display:flex;flex-direction:column;gap:16px}.website-card{transition:box-shadow .15s ease}.website-card:hover{box-shadow:0 2px 8px #00000014}.website-card .card-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light, #f0f0f0)}.website-card .card-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--secondary);margin:0}.website-card .btn.btn-primary{background:#2563eb;box-shadow:none}.website-card .btn.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:none;box-shadow:0 2px 6px #2563eb40}.website-card .card-icon{font-size:20px;color:var(--primary);opacity:.8}.entry-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;border-radius:10px;background:var(--primary);color:#fff;margin-left:2px}.singleton-card{border-left:3px solid var(--primary)}.singleton-form{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.singleton-form .form-group{margin-bottom:0}.singleton-form .form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-bottom:4px;display:block}.singleton-form .form-group input,.singleton-form .form-group textarea,.singleton-form .form-group select{font-size:14px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;background:var(--bg-input, #fafafa)}.singleton-form .form-group input:focus,.singleton-form .form-group textarea:focus,.singleton-form .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 59, 130, 246),.1);background:#fff}@media (max-width: 640px){.singleton-form{grid-template-columns:1fr}}.collection-table-wrap{overflow-x:auto;margin:0 -4px}.collection-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.collection-table thead th{text-align:left;padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-subtle, #fafafa)}.collection-table thead th:first-child{border-radius:8px 0 0}.collection-table thead th:last-child{border-radius:0 8px 0 0}.collection-table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-light, #f5f5f5);color:var(--secondary);vertical-align:middle}.collection-table tbody tr{cursor:pointer;transition:background .1s ease}.collection-table tbody tr:last-child td{border-bottom:none}.collection-table tbody tr:hover{background:var(--hover-bg, #f8f9fb)}.collection-table .row-inactive td{opacity:.45}.collection-table .col-status{width:70px;text-align:center}.collection-table .col-actions{width:72px;text-align:right;white-space:nowrap}.status-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#f3f4f6;color:#9ca3af}.btn-icon-action{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:var(--text-muted);transition:all .12s ease;display:inline-flex;align-items:center;justify-content:center}.btn-icon-action:hover{background:var(--hover-bg, #f0f0f0);color:var(--secondary)}.btn-icon-action.btn-danger:hover{background:#fef2f2;color:#dc2626}.btn-icon-action .material-symbols-outlined{font-size:18px}.card-loading{text-align:center;padding:20px 16px;color:var(--text-muted)}.card-loading .material-symbols-outlined{font-size:24px}.card-empty{text-align:center;padding:24px 16px;color:var(--text-muted);font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px}.empty-icon-sm{font-size:18px;opacity:.5}.spin{animation:spin 1s linear infinite}.website-entry-modal{max-width:620px;width:100%;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 24px 64px #0003,0 8px 20px #00000014;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.website-entry-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border);background:#fff}.website-entry-modal .modal-header h3{font-size:17px;font-weight:700;margin:0;color:var(--secondary)}.website-entry-modal .modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:8px;display:flex;transition:all .12s ease}.website-entry-modal .modal-close:hover{background:var(--hover-bg, #f0f0f0);color:var(--secondary)}.website-entry-modal .modal-body{display:flex;flex-direction:column;gap:16px;padding:24px 28px;max-height:65vh;overflow-y:auto}.website-entry-modal .modal-body .form-group{margin-bottom:0}.website-entry-modal .modal-body .form-group label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:6px;display:block}.website-entry-modal .modal-body .form-group input,.website-entry-modal .modal-body .form-group textarea,.website-entry-modal .modal-body .form-group select{font-size:14px;padding:10px 14px;border:1.5px solid var(--border, #e2e8f0);border-radius:10px;width:100%;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease;background:#fff}.website-entry-modal .modal-body .form-group textarea{min-height:80px;resize:vertical}.website-entry-modal .modal-body .form-group input:focus,.website-entry-modal .modal-body .form-group textarea:focus,.website-entry-modal .modal-body .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61f;background:#fff}.website-entry-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid var(--border);background:var(--bg-subtle, #fafafa)}.website-entry-modal .modal-footer .btn{padding:8px 20px;font-size:14px;font-weight:600;border-radius:10px}.website-entry-modal .image-field-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.website-entry-modal .image-field-controls input{flex:1;min-width:120px}.website-entry-modal .image-field-preview{position:relative;display:inline-block;margin-bottom:8px}.website-entry-modal .image-field-preview img{height:56px;max-width:200px;object-fit:contain;border-radius:8px;border:1px solid var(--border, #e2e8f0);background:#f8fafc;padding:4px 8px}.website-entry-modal .image-picker-dropdown{margin-top:8px;border:1px solid var(--border, #e2e8f0);border-radius:10px;padding:10px;background:#fafafa;max-height:180px;overflow-y:auto}.website-entry-modal .icon-uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;margin-top:6px}.website-entry-modal .icon-upload-item{all:unset;cursor:pointer;border-radius:6px;border:2px solid transparent;overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;transition:border-color .1s}.website-entry-modal .icon-upload-item:hover{border-color:var(--primary, #2563eb)}.website-entry-modal .icon-upload-item.selected{border-color:var(--primary, #2563eb);box-shadow:0 0 0 2px #2563eb33}.website-entry-modal .icon-upload-item img{width:100%;height:100%;object-fit:cover}.status-badge{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .1s}.status-badge:hover{opacity:.7}.location-mini-map{height:200px;border-radius:10px;margin-top:12px;border:1px solid var(--border-light, #f0f0f0);overflow:hidden;z-index:0}.location-map-marker{background:none!important;border:none!important}.chat-page{display:flex;height:calc(100vh - 140px);min-height:500px;background:var(--card, #fff);border-radius:16px;border:1px solid var(--border, #e5e7eb);overflow:hidden;box-shadow:0 1px 3px #0000000d}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:300px;color:var(--text-light, #94a3b8);font-size:14px}.chat-rooms{width:320px;min-width:280px;border-right:1px solid var(--border, #e5e7eb);display:flex;flex-direction:column;background:var(--background-alt, #f8fafc)}.chat-rooms-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border, #e5e7eb)}.chat-rooms-header h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--secondary, #1e293b);margin:0}.chat-rooms-header h3 .material-symbols-outlined{font-size:20px;color:var(--primary, #2563eb)}.chat-total-badge{background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.chat-rooms-loading,.chat-rooms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-light, #94a3b8);font-size:13px;text-align:center}.chat-rooms-empty .material-symbols-outlined{font-size:36px;opacity:.4}.chat-rooms-list{flex:1;overflow-y:auto;padding:6px}.chat-room-item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:10px;cursor:pointer;transition:background .15s}.chat-room-item:hover{background:#2563eb0a}.chat-room-item.active{background:#2563eb14}.chat-room-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--primary, #2563eb),#1d4ed8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.chat-room-avatar.has-guest{background:linear-gradient(135deg,#43a047,#2e7d32)}.chat-room-avatar .material-symbols-outlined{font-size:16px;line-height:1}.chat-room-number{font-size:10px;font-weight:700;line-height:1;margin-top:1px}.chat-room-initial{font-size:18px;font-weight:700;line-height:1}.chat-room-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.chat-room-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.chat-room-name-group{display:flex;flex-direction:column;min-width:0}.chat-room-name{font-size:13px;font-weight:600;color:var(--secondary, #1e293b)}.chat-room-guest-name{font-size:11px;font-weight:500;color:#2e7d32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.chat-room-time{font-size:11px;color:var(--text-light, #94a3b8);flex-shrink:0;margin-top:1px}.chat-room-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-room-preview{font-size:12px;color:var(--text-light, #94a3b8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.chat-you{color:var(--primary, #2563eb);font-weight:600}.chat-unread-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 5px}.chat-conversation{flex:1;display:flex;flex-direction:column;min-width:0}.chat-no-room{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-light, #94a3b8)}.chat-no-room .material-symbols-outlined{font-size:56px;opacity:.2}.chat-no-room p{font-size:14px}.chat-conv-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border, #e5e7eb);background:var(--card, white)}.chat-conv-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary, #2563eb),#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-conv-avatar.has-guest{background:linear-gradient(135deg,#43a047,#2e7d32)}.chat-conv-avatar .material-symbols-outlined{font-size:20px}.chat-conv-initial{font-size:18px;font-weight:700}.chat-conv-header h3{font-size:15px;font-weight:700;color:var(--secondary, #1e293b);margin:0;line-height:1.2}.chat-conv-guest{font-weight:500;color:#2e7d32;font-size:14px}.chat-conv-sub{font-size:12px;color:var(--text-light, #94a3b8)}.chat-msg-sender{display:block;font-size:10px;font-weight:600;color:var(--text-light, #94a3b8);margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px;background:var(--background-alt, #f8fafc)}.chat-messages-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-light, #94a3b8)}.chat-messages-empty .material-symbols-outlined{font-size:40px;opacity:.3}.chat-msg{display:flex;max-width:70%}.chat-msg.incoming{align-self:flex-start}.chat-msg.outgoing{align-self:flex-end}.chat-msg-bubble{padding:10px 14px;border-radius:16px;position:relative}.chat-msg.incoming .chat-msg-bubble{background:#fff;border:1px solid var(--border, #e5e7eb);border-bottom-left-radius:4px}.chat-msg.outgoing .chat-msg-bubble{background:var(--primary, #2563eb);color:#fff;border-bottom-right-radius:4px}.chat-msg-text{font-size:13px;line-height:1.5;margin:0;word-wrap:break-word}.chat-msg-time{font-size:10px;opacity:.6;display:block;margin-top:4px;text-align:right}.chat-input-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border, #e5e7eb);background:var(--card, white);position:relative}.chat-compose{flex:1;display:flex;align-items:center;gap:2px;padding:4px 6px;border:1.5px solid var(--border, #e5e7eb);border-radius:24px;background:var(--background-alt, #f8fafc);transition:border-color .15s,box-shadow .15s}.chat-compose:focus-within{border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb14}.chat-compose .chat-input{flex:1;padding:6px 4px;border:none;background:transparent;font-size:13px;color:var(--secondary, #1e293b);outline:none;min-width:0}.chat-compose-icon{width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:var(--text-light, #94a3b8);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,background .15s}.chat-compose-icon:hover:not(:disabled){color:var(--primary, #2563eb);background:#2563eb0f}.chat-compose-icon.active{color:var(--primary, #2563eb)}.chat-compose-icon:disabled{opacity:.35;cursor:not-allowed}.chat-compose-icon .material-symbols-outlined{font-size:20px}@keyframes spin{to{transform:rotate(360deg)}}.chat-compose-icon:disabled .material-symbols-outlined{animation:spin 1s linear infinite}.chat-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--primary, #2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:#1d4ed8;transform:scale(1.05)}.chat-send-btn:disabled{opacity:.35;cursor:not-allowed}.chat-send-btn .material-symbols-outlined{font-size:19px}.chat-msg-image-wrap{cursor:pointer;margin:4px 0;border-radius:10px;overflow:hidden;max-width:260px;line-height:0}.chat-msg-image{width:100%;max-height:220px;display:block;object-fit:cover;border-radius:10px;transition:transform .15s}.chat-msg-image-wrap:hover .chat-msg-image{transform:scale(1.02)}.chat-msg-image-fallback{display:flex;align-items:center;justify-content:center;gap:6px;padding:20px;background:#0000000a;border-radius:10px;color:var(--text-light, #94a3b8);font-size:12px}.chat-msg-image-fallback .material-symbols-outlined{font-size:18px}.chat-msg-bubble.image-only{padding:4px}.chat-msg-bubble.image-only .chat-msg-time{padding:0 6px 2px}.chat-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lightboxFadeIn .2s ease}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.chat-lightbox img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 40px #00000080;object-fit:contain}.chat-lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.chat-lightbox-close:hover{background:#ffffff40}.chat-emoji-wrapper{position:absolute;bottom:100%;left:16px}.chat-emoji-picker{position:absolute;bottom:8px;left:0;width:340px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:14px;box-shadow:0 12px 40px #00000024;padding:10px;z-index:100;animation:emojiSlideUp .15s ease}@keyframes emojiSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-emoji-category{margin-bottom:8px}.chat-emoji-cat-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-light, #94a3b8);padding:6px 4px 4px}.chat-emoji-grid{display:flex;flex-wrap:wrap;gap:1px}.chat-emoji-btn{width:34px;height:34px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:background .1s,transform .1s}.chat-emoji-btn:hover{background:var(--bg-light, #f1f5f9);transform:scale(1.15)}@media (max-width: 768px){.chat-rooms{width:100%;min-width:0;max-height:220px;border-right:none;border-bottom:1px solid var(--border, #e5e7eb)}.chat-page{flex-direction:column;height:calc(100vh - 120px)}}@media (max-width: 380px){.chat-input-bar{gap:6px;padding:10px}.chat-compose{gap:0;padding:3px 4px}.chat-compose-icon{width:28px;height:28px}.chat-compose-icon .material-symbols-outlined{font-size:18px}.chat-compose .chat-input{padding:5px 2px;font-size:12px}.chat-send-btn{width:34px;height:34px}.chat-send-btn .material-symbols-outlined{font-size:17px}}.upload-zone{border:2px dashed var(--border);border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;margin-bottom:20px;background:#fff}.upload-zone:hover{border-color:var(--primary);background:#2563eb05}.upload-zone.drag-over{border-color:var(--primary);background:#2563eb0f;transform:scale(1.005)}.upload-zone.uploading{cursor:default;border-color:var(--primary);background:#2563eb08}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:48px;color:var(--primary);opacity:.6}.upload-title{font-weight:600;font-size:15px;color:var(--secondary);margin:0}.upload-hint{font-size:13px;color:var(--text-light);margin:0}.upload-btn{margin-top:8px}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:10px}.upload-progress-icon{font-size:40px;color:var(--primary);animation:pulse-upload 1.5s ease-in-out infinite}@keyframes pulse-upload{0%,to{opacity:.5}50%{opacity:1}}.upload-progress-name{font-size:14px;color:var(--secondary);font-weight:500;margin:0}.progress-bar{width:240px;height:6px;background:var(--background-alt);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--gradient);border-radius:3px;transition:width .3s ease}.upload-progress-pct{font-size:13px;color:var(--text-light);font-weight:600;margin:0}.files-toolbar{margin-bottom:16px}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.file-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;transition:all .2s ease}.file-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #2563eb14;transform:translateY(-1px)}.file-preview{width:100%;height:140px;background:var(--background-alt);display:flex;align-items:center;justify-content:center;overflow:hidden}.file-thumb{width:100%;height:100%;object-fit:cover}.file-pdf-icon .material-symbols-outlined{font-size:48px;color:#dc2626;opacity:.6}.file-info{padding:10px 12px;border-bottom:1px solid var(--border)}.file-name{display:block;font-size:13px;font-weight:600;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta{font-size:11px;color:var(--text-light);margin-top:2px;display:block}.file-actions{display:flex;padding:6px 8px;gap:2px}.file-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:6px;border:none;background:none;border-radius:6px;cursor:pointer;color:var(--text-light);transition:all .15s ease;text-decoration:none}.file-action-btn:hover{background:var(--background-alt);color:var(--primary)}.file-action-btn.danger:hover{background:#fee2e2;color:#dc2626}.file-action-btn .material-symbols-outlined{font-size:18px}.file-preview-modal{max-width:800px}.file-preview-body{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--background-alt);padding:20px}.file-preview-full{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px}.file-preview-pdf{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.file-preview-pdf .material-symbols-outlined{font-size:64px;color:#dc2626;opacity:.5}.file-preview-pdf p{font-size:14px;color:var(--text-light);margin:0}.file-preview-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.file-preview-details{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-light)}.file-detail-sep{color:var(--border)}.file-preview-actions{display:flex;gap:8px}.danger-text{color:#dc2626!important}@media (max-width: 576px){.files-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.file-preview{height:100px}.upload-zone{padding:24px 16px}}.legal-page{min-height:100vh;padding:120px 0 80px;background:var(--background-alt)}.legal-content{max-width:800px;margin:0 auto;background:#fff;padding:48px;border-radius:20px;box-shadow:0 4px 20px #00000014}.legal-content h1{font-size:32px;color:var(--secondary);margin-bottom:8px}.legal-updated{color:var(--text-light);font-size:14px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.legal-content section{margin:0 0 8px;padding:12px}.legal-content section:last-child{margin-bottom:0}.legal-content h2{font-size:18px;color:var(--secondary);margin:0 0 4px}.legal-content p{color:var(--text);line-height:1.5;margin:0 0 4px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{list-style:none;padding-left:0;margin:4px 0 0}.legal-content ul li{position:relative;padding-left:20px;margin-bottom:2px;color:var(--text);line-height:1.5}.legal-content ul li:last-child{margin-bottom:0}.legal-content ul li:before{content:"[>]";position:absolute;left:0;color:var(--primary);font-family:monospace;font-size:12px}@media (max-width: 768px){.legal-page{padding:100px 16px 60px}.legal-content{padding:32px 24px}.legal-content h1{font-size:26px}.legal-content h2{font-size:18px}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #0f172a;--accent: #3b82f6;--background: #ffffff;--background-alt: #f8fafc;--text: #1e293b;--text-light: #64748b;--border: #e2e8f0;--success: #10b981;--gradient: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;color:var(--text);background:var(--background);line-height:1.6}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:8px;font-weight:600;font-size:16px;transition:all .2s ease;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--gradient);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #2563eb4d}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 2px 8px #2563eb4d}.btn-secondary{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--primary);color:#fff}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-dashboard{background:var(--secondary);color:#fff;padding:10px 20px;font-size:14px}.btn-dashboard:hover{background:#1e293b}section{padding:100px 0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:40px;margin-bottom:16px;color:var(--secondary)}.section-title p{font-size:18px;color:var(--text-light);max-width:600px;margin:0 auto}