:root{--bg-deep: #0a0b1e;--bg-sidebar: #050614;--bg-surface: rgba(255, 255, 255, .03);--accent-cyan: #00f2ff;--accent-purple: #6200ea;--accent-red: #ff4d4d;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--glass-border: rgba(255, 255, 255, .08);--sidebar-width: 260px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);background-image:radial-gradient(circle at 50% -20%,rgba(98,0,234,.1) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(0,242,255,.05) 0%,transparent 40%);color:var(--text-primary);font-family:Inter,sans-serif;height:100vh;overflow:hidden}.app-container{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:30px 20px}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;margin-bottom:50px;background:linear-gradient(to right,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-text-fill-color:white;font-size:1.2rem}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.sidebar-nav button{background:transparent;border:none;color:var(--text-secondary);padding:14px 18px;border-radius:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;font-size:.95rem;text-align:left}.sidebar-nav button:hover{background:var(--bg-surface);color:var(--text-primary)}.sidebar-nav button.active{background:rgba(0,242,255,.1);color:var(--accent-cyan);box-shadow:inset 0 0 0 1px #00f2ff33}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:transparent}select{background:#151632;color:#fff;border:1px solid var(--glass-border);padding:8px 12px;border-radius:6px;cursor:pointer}select option{background:#151632;color:#fff;padding:10px}.tab-content{padding:40px}.dual-backlog-container{display:grid;grid-template-columns:1fr 1fr;gap:25px;height:calc(100vh - 180px)}.backlog-column{display:flex;flex-direction:column;overflow:hidden;padding:0!important}.backlog-column .card-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.05)}.backlog-column .log-stream{flex:1;overflow-y:auto;padding:20px}.badge-pulse{font-size:10px;background:var(--accent-red);color:#fff;padding:2px 8px;border-radius:10px;animation:pulse 2s infinite;margin-left:auto}.badge-count{font-size:12px;background:rgba(255,255,255,.1);color:var(--text-secondary);padding:2px 10px;border-radius:20px;margin-left:auto}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.log-entry.telemetry{border-left:3px solid var(--accent-purple)}@media (max-width: 1000px){.dual-backlog-container{grid-template-columns:1fr}}.tenant-detailed-list{display:flex;flex-direction:column;gap:15px}.tenant-card-expandable{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:all .3s ease}.tenant-card-expandable.expanded{background:rgba(255,255,255,.05);border-color:var(--accent-cyan)}.tenant-main-row{display:flex;align-items:center;padding:20px;cursor:pointer;gap:20px}.tenant-id-badge{background:rgba(255,255,255,.1);color:var(--text-secondary);font-size:10px;padding:4px 8px;border-radius:4px;font-family:monospace}.tenant-identity{flex:1}.tenant-identity h4{margin:0;font-size:18px}.tenant-identity span{font-size:13px;color:var(--text-secondary)}.tenant-stats{display:flex;gap:15px}.stat-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);padding:6px 12px;border-radius:20px;font-size:12px;color:var(--text-secondary)}.tenant-chevron{font-size:20px;color:var(--text-secondary);width:30px;text-align:center}.tenant-details-drawer{border-top:1px solid rgba(255,255,255,.05);padding:25px;background:rgba(0,0,0,.1)}.drill-down-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.drill-down-section h5{margin:0 0 15px;color:var(--text-secondary);text-transform:uppercase;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.sites-stack,.services-stack{display:flex;flex-direction:column;gap:10px}.site-detail-row,.service-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid var(--glass-border);transition:all .2s ease}.site-main-info{flex:0 0 200px}.site-services-aside{flex:1;display:flex;flex-direction:column;gap:8px}.no-services-tag{font-size:.75rem;color:var(--text-secondary);font-style:italic;opacity:.6}.site-services-stack{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}.site-service-pill{background:rgba(98,0,234,.1);border:1px solid rgba(98,0,234,.2);border-radius:4px;padding:4px 10px;display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-primary);white-space:nowrap}.site-header{display:flex;align-items:center;gap:10px}.health-dot{width:8px;height:8px;border-radius:50%}.health-dot.healthy{background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.health-dot.critical{background:var(--accent-red);box-shadow:0 0 10px var(--accent-red)}.site-meta{font-size:11px;color:var(--text-secondary);margin-top:5px;display:flex;gap:15px}.service-detail-row{display:flex;align-items:center;gap:15px}.service-type-icon{color:var(--accent-purple)}.service-info{flex:1;display:flex;flex-direction:column}.service-name{font-size:14px;font-weight:500}.service-type{font-size:11px;color:var(--text-secondary)}.service-version{font-size:10px;color:#fff3}.btn-icon-small{background:none;border:none;color:var(--text-secondary);cursor:pointer;margin-left:auto;transition:color .2s}.btn-icon-small:hover{color:var(--accent-cyan)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.glass-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h3{font-size:1.1rem;font-weight:600}.tenant-list{display:flex;flex-direction:column;gap:15px}.tenant-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:rgba(0,0,0,.2);border-radius:12px}.tenant-name{font-weight:600;display:block}.tenant-sites{font-size:.8rem;color:var(--text-secondary)}.status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.status-healthy{background:rgba(0,242,255,.1);color:var(--accent-cyan);border:1px solid var(--accent-cyan)}.status-critical{background:rgba(255,77,77,.1);color:var(--accent-red);border:1px solid var(--accent-red);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.map-placeholder{height:400px;background:rgba(0,0,0,.4);border-radius:15px;position:relative;overflow:hidden;margin-top:20px;background-image:url(https://www.transparenttextures.com/patterns/carbon-fibre.png)}.map-container{position:relative;width:100%;height:100%}.map-dot{position:absolute;width:12px;height:12px;border-radius:50%}.map-dot.healthy{background:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan)}.map-dot.critical{background:var(--accent-red);box-shadow:0 0 15px var(--accent-red)}.dot-ping{position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;animation:ping 1.5s infinite}@keyframes ping{75%,to{transform:scale(3);opacity:0}}.log-stream{height:300px;overflow-y:auto;font-family:JetBrains Mono,monospace;font-size:.85rem;color:#8bcad9}.log-entry{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)}.log-time{color:var(--text-secondary);margin-right:15px}.log-tag{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:700;margin-right:10px;text-transform:uppercase}.log-tag.tenant{background:rgba(98,0,234,.2);color:#b794f4}.log-tag.service{background:rgba(0,242,255,.1);color:var(--accent-cyan)}.log-entry.error{background:rgba(255,77,77,.05);border-left:2px solid var(--accent-red)}.log-entry.status{background:rgba(98,0,234,.05);border-left:2px solid var(--accent-purple)}.log-entry.success{background:rgba(0,242,255,.05);border-left:2px solid var(--accent-cyan)}.filter-select{background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:.85rem;outline:none;cursor:pointer}.filter-select:hover{border-color:var(--accent-cyan)}.btn-primary{background:var(--accent-cyan);color:var(--bg-deep);border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-small{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:#fff;padding:4px 10px;border-radius:6px;font-size:.75rem;cursor:pointer}.btn-small:hover{background:var(--accent-cyan);color:var(--bg-deep)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:400px;box-shadow:0 0 50px #00f2ff33}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tab-title-group .section-title{margin:0;font-size:1.5rem;background:linear-gradient(90deg,#fff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tab-title-group .section-subtitle{margin:5px 0 0;color:var(--text-secondary);font-size:.9rem}.map-section{height:400px;padding:0;overflow:hidden;position:relative;margin-bottom:35px;border:1px solid var(--glass-border)}.portfolio-section{margin-top:40px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;margin-top:20px}.tenant-card{padding:20px;cursor:pointer;border:1px solid var(--glass-border);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tenant-card:hover{border-color:var(--accent-cyan);background:rgba(0,242,255,.03);transform:translateY(-2px)}.tenant-card.active{grid-column:1 / -1;border-color:var(--accent-cyan);background:rgba(0,242,255,.05)}.notifications-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:2000}.toast{background:var(--bg-sidebar);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #00000080;animation:slideIn .3s ease-out;min-width:300px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-left:4px solid #00f2ff}.toast.error{border-left:4px solid #ff4d4d}.toast.info{border-left:4px solid #6200ea}.toast-title{font-weight:800;font-size:.9rem}.toast-message{font-size:.8rem;color:var(--text-secondary)}.pigeon-map-container{position:relative;width:100%;height:450px;overflow:hidden;background:#0a0b1e}.pigeon-tiles{filter:invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)}.pigeon-overlays{z-index:10}.btn-recenter{position:absolute;top:15px;right:15px;width:36px;height:36px;background:var(--bg-sidebar);border:1px solid var(--accent-cyan);color:var(--accent-cyan);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 4px 15px #00000080;transition:all .2s ease}.btn-recenter:hover{background:var(--accent-cyan);color:var(--bg-deep);transform:scale(1.05)}.btn-recenter:active{transform:scale(.95)}.precision-pin-container{display:flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;position:relative}.pin-core{width:12px;height:12px;border-radius:50%;border:2px solid white;background:var(--accent-cyan);z-index:2;box-shadow:0 0 10px #000c}.pin-pulse{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid var(--accent-cyan);animation:pin-pulse-anim 2.5s infinite ease-out;z-index:1}@keyframes pin-pulse-anim{0%{transform:scale(.5);opacity:1}to{transform:scale(2.5);opacity:0}}.main-header{height:80px;background:rgba(13,14,33,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:1000}.header-context{flex:1}.header-title-group h3{margin:0;font-size:1.2rem;font-weight:700;color:#fff}.header-title-group p{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary)}.header-actions{display:flex;align-items:center;gap:20px}.header-search{position:relative;width:300px}.header-search input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);padding:10px 15px;border-radius:8px;color:#fff;font-size:.9rem;transition:all .2s ease}.header-search input:focus{background:rgba(255,255,255,.1);border-color:var(--accent-cyan);outline:none}.status-indicator{display:flex;align-items:center;gap:10px;padding:8px 15px;background:rgba(0,242,255,.05);border-radius:20px;border:1px solid rgba(0,242,255,.1)}.status-indicator span{font-size:.85rem;font-weight:600;color:var(--accent-cyan)}.pulse-dot{width:8px;height:8px;background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00f2ffb3}70%{transform:scale(1);box-shadow:0 0 0 10px #00f2ff00}to{transform:scale(.95);box-shadow:0 0 #00f2ff00}}.site-services-stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.03)}.site-service-pill{background:rgba(98,0,234,.1);border:1px solid rgba(98,0,234,.2);border-radius:4px;padding:3px 8px;display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--text-primary)}.site-service-pill .version-tag{color:var(--accent-cyan);font-family:monospace;font-size:.65rem;opacity:.8}.map-overlay-info{position:absolute;bottom:15px;right:20px;font-size:10px;color:var(--text-secondary);letter-spacing:2px;font-family:monospace;background:rgba(0,0,0,.5);padding:4px 8px;border-radius:4px;pointer-events:none;z-index:1000}.custom-marker{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 10px #00000080}.site-edit-form{display:flex;flex-direction:column;gap:10px;padding:5px}.edit-input{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:6px;color:#fff;padding:6px 10px;font-size:.85rem;width:100%}.edit-input:focus{outline:none;border-color:var(--accent-cyan);background:rgba(255,255,255,.1)}.edit-coords{display:grid;grid-template-columns:1fr 1fr;gap:8px}.edit-input-small{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:6px;color:#fff;padding:4px 8px;font-size:.75rem}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon-save{background:rgba(0,242,255,.1);border:1px solid var(--accent-cyan);color:var(--accent-cyan);border-radius:4px;padding:4px 8px;cursor:pointer}.btn-icon-cancel{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:4px;padding:4px 8px;cursor:pointer}.site-actions{display:flex;gap:5px;margin-left:auto}.site-detail-row.editing{background:rgba(0,242,255,.03);border:1px solid rgba(0,242,255,.1);padding:10px;border-radius:8px}.tenant-details-drawer{padding-top:20px;border-top:1px solid var(--glass-border);margin-top:20px}.drawer-actions-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;margin-bottom:15px}.drawer-title{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:1px}.sites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px}.site-node-card{background:rgba(255,255,255,.02);border:1px solid var(--glass-border);border-radius:12px;padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:15px;position:relative}.site-node-card:hover{background:rgba(255,255,255,.04);border-color:#00f2ff4d;transform:translateY(-2px)}.site-node-card.healthy{border-left:4px solid var(--accent-cyan)}.site-node-card.critical{border-left:4px solid var(--accent-red)}.node-header{display:flex;justify-content:space-between;align-items:flex-start}.node-identity{display:flex;align-items:center;gap:12px}.node-status-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor}.site-node-card.healthy .node-status-dot{background:var(--accent-cyan);color:var(--accent-cyan)}.site-node-card.critical .node-status-dot{background:var(--accent-red);color:var(--accent-red)}.node-actions{display:flex;gap:8px}.node-actions button{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);color:var(--text-secondary);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.node-actions button:hover{background:var(--accent-cyan);color:var(--bg-deep);border-color:var(--accent-cyan)}.node-telemetry{font-family:JetBrains Mono,Courier New,monospace;font-size:.75rem;color:var(--text-secondary);background:rgba(0,0,0,.2);padding:6px 10px;border-radius:4px;width:fit-content}.modal-tabs{display:flex;gap:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-top:20px}.modal-tabs button{background:transparent;border:none;color:var(--text-dim);padding:10px 0;font-size:13px;cursor:pointer;position:relative;transition:all .3s}.code-block-container{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:12px;position:relative}.code-display{margin:0;font-family:Fira Code,monospace;font-size:11px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:150px;overflow-y:auto}.btn-copy{position:absolute;top:8px;right:8px;background:var(--accent-cyan);color:#000;border:none;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s}.btn-copy:hover{transform:translateY(-1px);filter:brightness(1.1)}.site-connectivity-tag{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--accent-cyan);background:rgba(0,255,255,.05);padding:2px 8px;border-radius:10px;margin-top:8px;border:1px solid rgba(0,255,255,.1);width:fit-content}.pulse-error{animation:pulse-red 2s infinite;color:var(--status-critical)!important}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ff475766}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ff475700}to{transform:scale(1);box-shadow:0 0 #ff475700}}.modal-subtitle{font-size:13px;color:var(--text-secondary);margin-bottom:20px}.form-item{display:flex;flex-direction:column;gap:8px}.form-item label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.log-entry.action{border-left:3px solid var(--accent-purple);background:rgba(162,155,254,.05)}.log-entry.action .log-msg{color:var(--accent-purple);font-weight:500}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.btn-close{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.btn-close:hover{background:rgba(255,255,255,.1);color:var(--text-primary)}.service-cloud{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.service-tag{background:rgba(98,0,234,.08);border:1px solid rgba(98,0,234,.2);padding:5px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:#fff;transition:all .2s ease}.service-tag:hover{background:rgba(98,0,234,.2);border-color:var(--accent-purple)}.no-services{font-size:.8rem;color:var(--text-secondary);font-style:italic;opacity:.5}.site-provision-overlay{background:rgba(0,0,0,.3);padding:20px;border-radius:12px;margin-bottom:25px;border:1px dashed var(--accent-cyan)}.form-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:15px}.btn-primary-small{background:var(--accent-cyan);border:none;color:var(--bg-deep);padding:6px 15px;border-radius:6px;font-size:.8rem;font-weight:700;cursor:pointer}.card-header-extended{padding:20px;border-bottom:1px solid var(--glass-border);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:15px}.card-header-extended .title-group{display:flex;align-items:center;gap:12px}.log-filter-bar{display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,.2);padding:12px;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.filter-row{display:flex;gap:8px}.filter-row select{flex:1;background:#151632;border:1px solid var(--glass-border);color:#fff;padding:6px 10px;border-radius:6px;font-size:.75rem;outline:none;cursor:pointer;transition:all .2s ease}.filter-row select:hover,.filter-row select:focus{background:#1a1b40;border-color:var(--accent-cyan)}.btn-clear-filters{background:transparent;border:1px solid var(--accent-red);color:var(--accent-red);font-size:.7rem;padding:4px;border-radius:4px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:5px;transition:all .2s ease}.btn-clear-filters:hover{background:var(--accent-red);color:#fff}.log-tag.site{background:rgba(0,242,255,.05);color:var(--accent-cyan);border:1px solid rgba(0,242,255,.1);padding:2px 6px;border-radius:4px;font-size:.65rem;margin-right:8px;text-transform:uppercase;letter-spacing:.5px}.provision-form-layout{display:flex;flex-direction:column;gap:20px;margin-top:25px;animation:fadeIn .4s ease-out}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.85rem;font-weight:700;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.5px}.edit-input{background:rgba(255,255,255,.05);border:1px solid var(--glass-border);padding:12px 16px;border-radius:10px;color:#fff;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-input:focus{background:rgba(255,255,255,.1);border-color:var(--accent-cyan);box-shadow:0 0 15px #00f2ff33;outline:none}.edit-input.code-font{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem}.divider{height:1px;background:linear-gradient(to right,transparent,var(--glass-border),transparent);margin:20px 0}.section-label{font-size:.75rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;opacity:.8}.form-help{font-size:.75rem;color:var(--text-secondary);opacity:.7;margin-top:4px}.code-block-container{background:rgba(0,0,0,.3);border:1px solid var(--glass-border);border-radius:8px;padding:12px;position:relative;overflow:hidden}.code-display{margin:0;font-family:JetBrains Mono,monospace;font-size:.8rem;color:#8bcad9;white-space:pre-wrap;word-break:break-all}.btn-copy{position:absolute;top:8px;right:8px;background:rgba(0,242,255,.1);border:1px solid var(--accent-cyan);color:var(--accent-cyan);padding:4px 10px;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .2s}.btn-copy:hover{background:var(--accent-cyan);color:var(--bg-deep)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid var(--glass-border);padding-bottom:15px}.modal-tabs{display:flex;gap:20px;border-bottom:1px solid var(--glass-border);margin-bottom:10px}.modal-tabs button{background:transparent;border:none;color:var(--text-secondary);padding:12px 5px;font-size:.9rem;font-weight:600;cursor:pointer;position:relative;transition:color .3s}.modal-tabs button:hover{color:var(--text-primary)}.modal-tabs button.active{color:var(--accent-cyan)}.modal-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.login-container{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--bg-deep)}.login-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2}.glow-1{width:400px;height:400px;background:var(--accent-cyan);top:-100px;right:-100px}.glow-2{width:500px;height:500px;background:var(--accent-purple);bottom:-150px;left:-150px}.login-card{width:450px;position:relative;z-index:1;padding:50px;text-align:center;box-shadow:0 20px 50px #0000004d}.login-header h1{font-size:2rem;font-weight:800;margin:15px 0 5px;background:linear-gradient(to right,#fff,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-header p{color:var(--text-secondary);font-size:.9rem;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:25px;text-align:left}.form-group label{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.input-wrapper input{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--glass-border);border-radius:10px;padding:12px 15px;color:#fff;font-size:1rem;transition:all .2s ease}.input-wrapper input:focus{border-color:var(--accent-cyan);background:rgba(255,255,255,.1);outline:none;box-shadow:0 0 15px #00f2ff1a}.btn-login{background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));border:none;border-radius:10px;padding:15px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;margin-top:10px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00f2ff33}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-error{background:rgba(255,77,77,.1);border:1px solid rgba(255,77,77,.2);color:#ff4d4d;padding:12px;border-radius:8px;font-size:.85rem;display:flex;align-items:center;gap:10px}.login-footer{margin-top:40px;border-top:1px solid var(--glass-border);padding-top:20px}.login-footer p{font-size:.75rem;color:var(--text-secondary);opacity:.7}.security-tag{margin-top:10px;font-family:monospace;font-weight:700;color:var(--accent-cyan)!important;opacity:1!important}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.settings-table{width:100%;border-collapse:collapse;margin-top:20px}.settings-table th{text-align:left;padding:12px;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.settings-table td{padding:15px 12px;border-bottom:1px solid rgba(255,255,255,.02);vertical-align:middle}.user-identity-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;background:var(--accent-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff}.self-tag{font-size:.7rem;color:var(--accent-cyan);opacity:.8}.role-badge{padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.role-badge.admin{background:rgba(255,77,77,.1);color:var(--accent-red);border:1px solid rgba(255,77,77,.2)}.role-badge.editor{background:rgba(0,242,255,.1);color:var(--accent-cyan);border:1px solid rgba(0,242,255,.2)}.role-badge.viewer{background:rgba(255,255,255,.05);color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-icon-delete{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:4px;transition:all .2s}.btn-icon-delete:hover:not(:disabled){background:rgba(255,77,77,.1);color:var(--accent-red)}.btn-icon-delete:disabled{opacity:.3;cursor:not-allowed}.security-stats{display:flex;flex-direction:column;gap:15px;margin-top:20px}.security-stat-item{display:flex;justify-content:space-between;padding:12px;background:rgba(0,0,0,.2);border-radius:8px;font-size:.9rem}.security-stat-item span{color:var(--text-secondary)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--glass-border);padding-top:20px;display:flex;flex-direction:column;gap:15px}.user-profile{display:flex;align-items:center;gap:12px;padding:0 5px}.user-meta{display:flex;flex-direction:column}.user-meta .username{font-size:.9rem;font-weight:700;color:#fff}.user-meta .user-role{font-size:.7rem;color:var(--accent-cyan);text-transform:uppercase;font-weight:800}.btn-logout{width:100%;background:rgba(255,77,77,.05);border:1px solid rgba(255,77,77,.2);color:var(--accent-red);padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-logout:hover{background:rgba(255,77,77,.1);box-shadow:0 5px 15px #ff4d4d1a}