.admin-body{font-family:var(--font-body);background:var(--space-void);color:var(--text-primary);min-height:100vh;height:100vh;overflow-y:hidden;overflow-x:hidden}.admin-layout{display:flex;min-height:100vh;overflow-x:hidden}.sidebar{width:260px;height:100vh;min-height:100vh;position:fixed;left:0;top:0;background:#0c0d12eb;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--glass-border);z-index:900;display:flex;flex-direction:column;overflow:hidden;transition:transform .4s var(--ease)}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.sidebar-header .logo{font-size:1.1rem;flex-shrink:0}.sidebar-header .logo-frame-compact{width:104px;height:24px}.sidebar-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:600;padding:2px 8px;background:var(--cyan-10);color:var(--cyan);border-radius:var(--radius-full);border:1px solid var(--cyan-20)}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--space-mid);border-radius:2px}.nav-section{margin-bottom:24px}.nav-section-label{font-family:var(--font-mono);font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;padding:0 12px;margin-bottom:8px}.nav-section ul{list-style:none}.nav-item a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.88rem;font-weight:500;transition:all .25s var(--ease);text-decoration:none}.nav-item a:hover{color:var(--text-primary);background:#ffffff08}.nav-item a.active{color:var(--cyan);background:var(--cyan-05);border:1px solid var(--cyan-10)}.nav-item .nav-icon{width:20px;text-align:center;font-size:.95rem}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:.65rem;padding:1px 7px;background:var(--magenta-20);color:var(--magenta);border-radius:var(--radius-full);font-weight:600}.sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--glass-border);display:flex;align-items:center;gap:10px}.sidebar-avatar{width:34px;height:34px;min-width:34px;min-height:34px;flex:0 0 34px;aspect-ratio:1 / 1;border-radius:50%;background:linear-gradient(135deg,var(--cyan-20),var(--purple-20));display:flex;align-items:center;justify-content:center;font-size:.85rem;overflow:hidden}.sidebar-user{flex:1;min-width:0}.sidebar-user strong{font-size:.82rem;display:block}.sidebar-user small{color:var(--text-muted);font-size:.72rem;overflow-wrap:anywhere}.sidebar-logout{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--glass-border);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;transition:all .25s;text-decoration:none;font-size:.85rem}.sidebar-logout:hover{border-color:var(--red-20);color:var(--red);background:var(--red-20)}.admin-main{flex:1;margin-left:260px;height:100vh;min-width:0;overflow-y:auto;overflow-x:hidden}.admin-topbar{position:sticky;top:0;z-index:800;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#0a0b0fd9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.topbar-title h1{font-family:var(--font-display);font-size:1.35rem;font-weight:700}.topbar-title p{color:var(--text-muted);font-size:.78rem;margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-btn{padding:8px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;cursor:pointer;transition:all .25s;text-decoration:none;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:500}.topbar-btn:hover{border-color:var(--cyan-20);color:var(--text-primary)}.topbar-btn-primary{background:linear-gradient(135deg,var(--cyan-20),var(--purple-20));border-color:var(--cyan-20);color:var(--text-primary)}.topbar-btn-primary:hover{box-shadow:0 4px 16px #3b82f633}.admin-content{padding:32px;overflow-x:hidden;max-width:100%}.admin-notification-box{position:fixed;right:26px;top:76px;z-index:870;width:min(360px,calc(100vw - 32px))}.admin-notification-box.topbar-mounted{position:static;right:auto;top:auto;z-index:auto;width:auto;max-width:min(380px,46vw);margin-left:auto}.admin-notification-box summary{list-style:none;width:max-content;margin-left:auto;min-height:38px;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#0a0b0feb;color:var(--text-secondary);cursor:pointer;box-shadow:0 14px 32px #00000038}.admin-notification-box.topbar-mounted summary{width:auto;margin-left:0;min-width:148px;justify-content:space-between;background:var(--glass);box-shadow:none}.admin-notification-box summary::-webkit-details-marker{display:none}.admin-notification-box summary:hover{border-color:var(--cyan-20);color:var(--text-primary)}.admin-notification-box summary strong{min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--red-20);color:var(--red);font-family:var(--font-mono);font-size:.68rem}.admin-notification-panel{margin-top:8px;border:1px solid var(--glass-border);border-radius:var(--radius);background:#0a0b0ff7;box-shadow:0 22px 56px #00000061;overflow:hidden}.admin-notification-box.topbar-mounted[open]{position:relative}.admin-notification-box.topbar-mounted .admin-notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 48px));z-index:50}.admin-notification-panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--glass-border);color:var(--text-primary);font-weight:700;font-size:.85rem}.admin-notification-panel-head a{color:var(--cyan);font-size:.76rem}.admin-notification-list{max-height:360px;overflow:auto}.admin-notification-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.045);color:var(--text-secondary);text-decoration:none}.admin-notification-item:hover{background:#ffffff09;color:var(--text-primary)}.admin-notification-item>i{margin-top:6px;color:var(--cyan);font-size:.5rem}.admin-notification-item.severity-success>i{color:var(--green)}.admin-notification-item.severity-warning>i{color:var(--amber)}.admin-notification-item.severity-danger>i{color:var(--red)}.admin-notification-item.unread strong{color:var(--text-primary)}.admin-notification-item span,.admin-notification-item strong,.admin-notification-item small,.admin-notification-item em{display:block;min-width:0}.admin-notification-item strong{font-size:.84rem;line-height:1.35}.admin-notification-item small{margin-top:3px;color:var(--text-muted);font-size:.75rem;line-height:1.45}.admin-notification-item em{margin-top:5px;color:var(--text-muted);font-family:var(--font-mono);font-style:normal;font-size:.66rem}.admin-notification-empty{padding:24px 14px;color:var(--text-muted);text-align:center;font-size:.84rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;transition:all .3s var(--ease);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var( --stat-accent, linear-gradient(90deg, var(--cyan), var(--purple)) )}.stat-card:hover{border-color:var(--glass-border-hover);transform:translateY(-3px)}.stat-card .stat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.stat-card .stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border-radius:10px;background:var(--stat-bg, var(--cyan-10))}.stat-card .stat-change{font-family:var(--font-mono);font-size:.7rem;font-weight:600;line-height:1.35;padding:2px 7px;border-radius:var(--radius-full);white-space:normal;overflow-wrap:anywhere}.stat-change.up{background:var(--green-20);color:var(--green)}.stat-change.down{background:var(--red-20);color:var(--red)}.stat-card .stat-value{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.2}.stat-card .stat-label{color:var(--text-muted);font-size:.78rem;margin-top:4px}.stat-card:nth-child(2){--stat-accent: linear-gradient(90deg, var(--purple), var(--magenta));--stat-bg: var(--purple-10)}.stat-card:nth-child(3){--stat-accent: linear-gradient(90deg, var(--green), var(--cyan));--stat-bg: var(--green-20)}.stat-card:nth-child(4){--stat-accent: linear-gradient(90deg, var(--amber), var(--magenta));--stat-bg: var(--amber-20)}.stat-card:nth-child(5){--stat-accent: linear-gradient(90deg, var(--magenta), var(--purple));--stat-bg: var(--magenta-20)}.stat-card:nth-child(6){--stat-accent: linear-gradient(90deg, var(--cyan), var(--green));--stat-bg: var(--cyan-10)}.admin-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}.admin-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--glass-border)}.admin-card-header h2{font-family:var(--font-display);font-size:1.1rem;font-weight:600}.admin-card-body{padding:24px}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-toolbar-title{display:flex;flex-direction:column;gap:4px}.admin-toolbar-label{font-size:.88rem;font-weight:600;color:var(--text-secondary)}.admin-toolbar-meta{color:var(--text-muted);font-size:.76rem}.admin-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:var(--radius-full);background:#ffffff12;color:var(--text-primary);font-family:var(--font-mono);font-size:.68rem;font-weight:600}.admin-table-wrap{overflow-x:auto}.admin-table-meta{font-size:.8rem;color:var(--text-muted);font-weight:400;margin-left:8px}.table-cell-code{font-family:var(--font-mono);font-size:.77rem}.table-cell-muted{color:var(--text-muted)}.table-cell-wrap{max-width:340px;color:var(--text-primary)}.table-detail-list{display:grid;gap:4px}.table-detail-item{color:var(--text-muted);font-size:.76rem}.admin-code-inline{display:inline-block;font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);word-break:break-all}.admin-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.admin-filter-field label{display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:6px}.admin-filter-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.admin-inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-section-note{margin:0 0 14px;color:var(--text-muted);font-size:.83rem}.admin-log-file{margin-bottom:16px}.admin-log-file:last-child{margin-bottom:0}.admin-log-file-header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:.8rem;font-weight:600;color:var(--cyan)}.admin-log-file-header span{color:var(--text-muted);font-weight:400}.admin-log-file-body{max-height:180px;overflow:auto;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:8px 12px;background:#00000038}.admin-log-line{padding:3px 0;border-bottom:1px solid rgba(255,255,255,.03);font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary);word-break:break-all}.admin-log-line:last-child{border-bottom:none}.admin-table th{text-align:left;padding:12px 20px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--glass-border);background:#ffffff03}.admin-table td{padding:14px 20px;border-bottom:1px solid var(--glass-border);font-size:.88rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr{transition:background .2s}.admin-table tr:hover{background:#ffffff04}.admin-table .thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;background:var(--space-mid);display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}.task-mini-preview,.task-mini-preview-more{width:42px;height:42px;border-radius:10px;overflow:hidden;border:1px solid var(--glass-border);background:#ffffff08}.task-mini-preview-icon,.task-mini-preview-more{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-secondary);font-size:.78rem}.task-mini-preview-icon em{font-style:normal;font-size:.55rem;letter-spacing:.06em}.task-mini-preview-more{font-family:var(--font-mono);font-size:.7rem}.task-attachment-panel{margin-bottom:18px;padding:18px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#ffffff05}.task-attachment-panel-head span{color:var(--text-muted);font-size:.78rem}.action-btns{display:flex;gap:6px}.action-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;font-size:.8rem;transition:all .25s;text-decoration:none}.action-btn:hover{border-color:var(--cyan-20);color:var(--cyan);background:var(--cyan-05)}.action-btn.danger:hover{border-color:var(--red-20);color:var(--red);background:var(--red-20)}.admin-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-form .form-full{grid-column:1 / -1}.admin-form .form-group{margin-bottom:18px}.admin-form .form-group label{display:block;font-family:var(--font-display);font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:7px}.admin-form .form-control{width:100%;padding:11px 16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:all .3s;outline:none}.admin-form .form-control:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-10)}.admin-form textarea.form-control{min-height:120px;resize:vertical}.admin-form select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.search-select{position:relative}.search-select-panel[hidden],.search-select:not(.open) .search-select-panel{display:none}.search-select-native{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.search-select-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:40;padding:10px;border:1px solid var(--glass-border-hover);border-radius:var(--radius);background:#090b0ffa;box-shadow:0 20px 44px #00000052;display:grid;gap:6px;max-height:280px;overflow-y:auto}.search-select-meta{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:2px 4px 6px}.search-select-option{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);background:#ffffff06;color:var(--text-primary);text-align:left;padding:12px 14px;cursor:pointer;transition:all .2s var(--ease)}.search-select-option:hover,.search-select-option.active{border-color:var(--cyan-20);background:#3b82f614}.search-select-option.selected{border-color:#8b5cf638;background:#8b5cf614}.search-select-option-label{display:block;font-size:.86rem;line-height:1.45}.search-select-empty{padding:12px 14px;border-radius:var(--radius-sm);background:#ffffff05;color:var(--text-muted);font-size:.82rem}.form-hint{font-size:.72rem;color:var(--text-muted);margin-top:4px}.form-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:10px;border-top:1px solid var(--glass-border);margin-top:10px}.form-footer .btn{padding:10px 24px}.file-upload{border:2px dashed var(--glass-border);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:all .3s;position:relative}.file-upload:hover{border-color:var(--cyan-20);background:var(--cyan-05)}.file-upload input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-upload .upload-icon{font-size:2rem;margin-bottom:10px}.file-upload p{color:var(--text-secondary);font-size:.85rem}.file-upload small{color:var(--text-muted);font-size:.72rem}.current-image{margin-top:12px}.current-image img{max-height:120px;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.68rem;font-weight:600}.badge:before{content:"";width:5px;height:5px;border-radius:50%}.badge-active{background:var(--green-20);color:var(--green)}.badge-active:before{background:var(--green)}.badge-inactive{background:#ffffff0d;color:var(--text-muted)}.badge-inactive:before{background:var(--text-muted)}.badge-new{background:var(--cyan-10);color:var(--cyan)}.badge-new:before{background:var(--cyan)}.badge-read{background:#ffffff0d;color:var(--text-muted)}.badge-read:before{background:var(--text-muted)}.badge-draft{background:var(--amber-20);color:var(--amber)}.badge-draft:before{background:var(--amber)}.badge-published{background:var(--green-20);color:var(--green)}.badge-published:before{background:var(--green)}.badge-success{background:var(--green-20);color:var(--green)}.badge-success:before{background:var(--green)}.badge-error{background:#ef444424;color:var(--red)}.badge-error:before{background:var(--red)}.badge-warning{background:var(--amber-20);color:var(--amber)}.badge-warning:before{background:var(--amber)}.badge-info{background:var(--cyan-10);color:var(--cyan)}.badge-info:before{background:var(--cyan)}.dash-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dash-grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:24px}.reports-hero{margin-bottom:28px;background:linear-gradient(135deg,#3b82f61f,#6366f114 42%,#09090b33),var(--glass)}.reports-hero-body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:24px;align-items:stretch}.reports-kicker{display:inline-flex;margin-bottom:10px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.reports-hero-copy h2{font-family:var(--font-display);font-size:clamp(1.4rem,2vw,2rem);line-height:1.15;margin-bottom:10px}.reports-hero-copy p{color:var(--text-secondary);max-width:62ch;overflow-wrap:anywhere}.reports-hero-meta{display:grid;gap:12px;min-width:0}.reports-hero-chip{padding:16px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.08);background:#0a0c106b;min-width:0}.reports-hero-chip span{display:block;color:var(--text-muted);font-size:.76rem;margin-bottom:6px;line-height:1.45;overflow-wrap:anywhere}.reports-hero-chip strong{display:block;font-family:var(--font-display);font-size:1.2rem}.reports-stats-grid{margin-bottom:28px}.reports-stat-card .stat-change{max-width:min(100%,13rem);text-align:right}.reports-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.75fr) minmax(280px,.75fr);gap:24px}.reports-grid-wide{grid-column:span 2}.reports-list{display:grid;gap:10px}.reports-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff05}.reports-list-item span{color:var(--text-secondary)}.reports-list-item strong{font-family:var(--font-display);font-size:1rem}.reports-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.reports-summary-item{padding:18px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff05;min-width:0}.reports-summary-item small{display:block;color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;line-height:1.45;overflow-wrap:anywhere}.reports-summary-item strong{display:block;margin:10px 0 8px;font-family:var(--font-display);font-size:1.5rem}.reports-summary-item span{color:var(--text-secondary);font-size:.84rem;line-height:1.55;display:block;overflow-wrap:anywhere}.security-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}.security-status-label{color:var(--text-secondary);font-size:.88rem;font-weight:600}.security-action-row{display:flex;gap:8px;flex-wrap:wrap}.reports-empty{padding:28px 24px;color:var(--text-muted);text-align:center}.recent-list{list-style:none}.recent-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--glass-border)}.recent-item:last-child{border-bottom:none}.recent-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:var(--cyan-05);border-radius:8px;border:1px solid var(--cyan-10)}.recent-info{flex:1}.recent-info strong{font-size:.85rem;display:block}.recent-info small{color:var(--text-muted);font-size:.72rem}.recent-item .badge{margin-left:auto}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 14px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .25s;text-decoration:none;color:var(--text-secondary)}.quick-action:hover{border-color:var(--cyan-20);color:var(--text-primary);background:var(--cyan-05)}.quick-action .qa-icon{font-size:1.3rem}.quick-action span{font-size:.78rem;font-weight:500}.staff-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.staff-check-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff05;cursor:pointer}.staff-check-card input{margin-top:3px}.staff-check-card strong,.staff-check-card small{display:block}.staff-check-card strong{color:var(--text-primary);font-size:.86rem}.staff-check-card small{margin-top:4px;color:var(--text-muted);line-height:1.5;font-size:.76rem}.settings-group{margin-bottom:32px}.settings-group h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:4px}.settings-group p{color:var(--text-muted);font-size:.82rem;margin-bottom:18px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--glass-border)}.switch-row:last-child{border-bottom:none}.switch-label{font-size:.88rem}.switch-label small{display:block;color:var(--text-muted);font-size:.75rem;margin-top:2px}.switch{position:relative;width:42px;height:24px;flex-shrink:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--space-mid);border-radius:12px;cursor:pointer;transition:all .3s}.switch .slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:all .3s}.switch input:checked+.slider{background:var(--cyan-20)}.switch input:checked+.slider:before{transform:translate(18px);background:var(--cyan)}.message-detail{max-width:700px}.msg-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.msg-meta .meta-item{display:flex;flex-direction:column;gap:2px}.msg-meta .meta-label{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.msg-meta .meta-value{font-size:.9rem}.msg-body{background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:24px;line-height:1.7;font-size:.92rem;color:var(--text-secondary)}.delete-confirm{text-align:center;padding:40px 20px;max-width:400px;margin:0 auto}.delete-confirm .warn-icon{font-size:3rem;margin-bottom:16px}.delete-confirm h2{font-family:var(--font-display);font-size:1.3rem;margin-bottom:10px}.delete-confirm p{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.delete-confirm .btn-group{display:flex;gap:10px;justify-content:center}.btn-danger{background:var(--red-20);border:1px solid rgba(239,68,68,.3);color:var(--red)}.btn-danger:hover{background:var(--red);color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:20px 0}.page-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:all .25s;text-decoration:none}.page-btn:hover{border-color:var(--cyan-20);color:var(--text-primary)}.page-btn.active{background:var(--cyan-10);border-color:var(--cyan-20);color:var(--cyan)}.sidebar-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;padding:4px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:899;opacity:0;transition:opacity .3s}.sidebar-overlay.active{display:block;opacity:1}.sidebar-overlay[hidden]{display:none!important;opacity:0!important;pointer-events:none!important}@media(max-width:1024px){.dash-grid,.dash-grid-equal,.reports-hero-body,.reports-grid{grid-template-columns:1fr}.reports-grid-wide{grid-column:auto}.reports-summary-grid{grid-template-columns:1fr 1fr}.admin-form .form-row{grid-template-columns:1fr}}@media(max-width:768px){.admin-body{height:auto;overflow-y:auto}.admin-notification-box{top:68px;right:14px}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.admin-main{margin-left:0;height:auto;overflow-y:visible}.sidebar-toggle{display:block}.admin-topbar{padding:12px 16px}.admin-toolbar,.admin-log-file-header{align-items:flex-start}.topbar-actions{width:100%;flex-wrap:wrap}.admin-notification-box.topbar-mounted{width:100%;max-width:none;margin-left:0}.admin-notification-box.topbar-mounted summary{width:100%}.admin-notification-box.topbar-mounted .admin-notification-panel{position:static;width:100%}.admin-content{padding:16px}.stats-grid{grid-template-columns:1fr 1fr}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:10px 12px}.admin-filter-grid{grid-template-columns:1fr}.admin-filter-actions{width:100%}.admin-filter-actions .btn{width:100%;justify-content:center}.reports-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.stats-grid,.quick-actions{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--space-void);position:relative;overflow:hidden;padding:20px}.login-box{width:100%;max-width:400px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:2}.login-box .logo{display:flex;width:100%;justify-content:center;margin-bottom:28px;font-size:1.3rem;margin-left:auto;margin-right:auto}.login-box .logo-frame-auth{width:188px;height:38px}.login-box h1{font-family:var(--font-display);font-size:1.3rem;text-align:center;margin-bottom:4px}.login-box .login-sub{text-align:center;color:var(--text-muted);font-size:.85rem;margin-bottom:28px}.login-box .form-group{margin-bottom:16px}.login-box .btn{width:100%;justify-content:center;margin-top:6px}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.table-search{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.82rem;min-width:200px;transition:all .3s}.table-search:focus-within{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-10)}.table-search i{color:var(--text-muted);font-size:.8rem}.table-search input{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-body);font-size:.82rem;width:100%}.table-search input::placeholder{color:var(--text-muted)}.bulk-actions{display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:all .3s}.bulk-actions.active{opacity:1;transform:translateY(0);pointer-events:auto}.bulk-count{font-family:var(--font-mono);font-size:.72rem;color:var(--cyan);padding:4px 10px;background:var(--cyan-05);border-radius:var(--radius-full);border:1px solid var(--cyan-10)}.badge-open{background:var(--amber-20);color:var(--amber)}.badge-open:before{background:var(--amber)}.badge-answered{background:var(--green-20);color:var(--green)}.badge-answered:before{background:var(--green)}.badge-closed{background:#ffffff0d;color:var(--text-muted)}.badge-closed:before{background:var(--text-muted)}.badge-high{background:var(--red-20);color:var(--red)}.badge-high:before{background:var(--red)}.admin-empty-state{text-align:center;padding:60px 30px}.admin-empty-state .empty-icon{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#ffffff08;border:1px solid var(--glass-border);font-size:1.8rem;color:var(--text-muted)}.admin-empty-state h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:8px}.admin-empty-state p{color:var(--text-secondary);font-size:.88rem;max-width:300px;margin:0 auto 20px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility 0s .22s}.confirm-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s,visibility 0s 0s}.confirm-overlay[hidden]{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.confirm-dialog{width:min(420px,90vw);padding:36px;background:var(--glass-solid);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;box-shadow:0 24px 80px #0006;animation:fadeSlideUp .3s var(--ease)}.confirm-dialog .warn-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--red-20);color:var(--red);font-size:1.4rem}.confirm-dialog h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:8px}.confirm-dialog p{color:var(--text-secondary);font-size:.88rem;margin-bottom:24px}.confirm-dialog .btn-group{display:flex;gap:10px;justify-content:center}.admin-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:4px;background:#ffffff05;border-radius:var(--radius-sm);border:1px solid var(--glass-border)}@media(max-width:768px){.admin-tabs{width:100%}.admin-tab{flex:1 1 calc(50% - 4px);text-align:center}}.admin-tab{padding:8px 18px;border-radius:calc(var(--radius-sm) - 2px);font-family:var(--font-display);font-size:.82rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .25s;cursor:pointer;border:none;background:none}.admin-tab:hover{color:var(--text-primary);background:#ffffff08}.admin-tab.active{color:var(--cyan);background:var(--cyan-05);border:1px solid var(--cyan-10)}.section-nav-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.section-nav-label{font-size:.88rem;color:var(--text-secondary)}.section-nav-stats{padding-top:0;display:flex;gap:10px;flex-wrap:wrap}.media-toolbar-row{align-items:flex-start}.media-folder-tabs{flex:1 1 320px}.media-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;flex:1 1 420px}.media-upload-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.media-upload-field{display:grid;gap:6px;min-width:min(100%,440px);flex:1 1 320px}.media-upload-label{font-size:.76rem;letter-spacing:.02em;color:var(--text-muted)}.media-upload-input{min-height:52px;padding-block:10px}.media-upload-input::file-selector-button{margin-right:12px;padding:9px 14px;border-radius:var(--radius-xs);border:1px solid var(--cyan-10);background:var(--cyan-05);color:var(--cyan);font-family:var(--font-display);cursor:pointer;transition:all .25s var(--ease)}.media-upload-input:hover::file-selector-button{border-color:var(--cyan-20);background:var(--cyan-10)}.media-upload-help{color:var(--text-muted);font-size:.74rem}@media(max-width:900px){.media-toolbar-actions{justify-content:stretch}.media-upload-form{width:100%}.media-upload-form .btn{width:100%;justify-content:center}}.file-upload.drag-over{border-color:var(--cyan);background:var(--cyan-05);transform:scale(1.01)}.admin-notify-dot{width:8px;height:8px;background:var(--red);border-radius:50%;display:inline-block;animation:pulse 2s ease-in-out infinite;margin-left:6px}.nav-item a .nav-label{flex:1}.preview-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.16);border-radius:var(--radius-full);color:var(--purple);font-size:.75rem;font-family:var(--font-mono);cursor:pointer;transition:all .25s;text-decoration:none}.preview-btn:hover{background:#8b5cf633;color:var(--text-primary)}.admin-content{animation:none}.log-viewer{max-height:300px;overflow-y:auto;padding:16px;background:#0000004d;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.72rem;line-height:1.8;color:var(--text-secondary)}.log-viewer::-webkit-scrollbar{width:4px}.log-viewer::-webkit-scrollbar-thumb{background:var(--space-mid);border-radius:2px}.stat-link{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-muted);font-size:.7rem;text-decoration:none;transition:all .25s}.stat-link:hover{background:var(--cyan-10);border-color:var(--cyan);color:var(--cyan)}.stat-badge{display:inline-block;font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:2px 8px;background:var(--amber-20);color:var(--amber);border-radius:var(--radius-full);vertical-align:middle;margin-left:4px}.inline-delete{display:inline;margin:0;padding:0}.inline-delete button.action-btn{cursor:pointer;font:inherit}.admin-main .page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--glass-border)}.admin-main .page-header h1{font-family:var(--font-display);font-size:1.35rem;font-weight:700;margin:0;color:var(--text-primary)}.admin-main .page-header h1 small,.admin-main .page-header .page-subtitle{display:block;font-family:var(--font-body);font-size:.78rem;font-weight:400;color:var(--text-muted);margin-top:4px}.admin-main .page-header>.btn,.admin-main .page-header>a.btn,.admin-main .page-header>button{margin-left:auto}.admin-main .page-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.admin-main .form-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:24px;margin-bottom:24px;box-shadow:0 8px 24px #0000002e}.admin-main .form-card+.form-card{margin-top:0}.admin-main .form-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-main .form-card .form-row.three{grid-template-columns:repeat(3,1fr)}.admin-main .form-card .form-full{grid-column:1 / -1}.admin-main .form-card .form-group{margin-bottom:18px}.admin-main .form-card .form-group:last-child{margin-bottom:0}.admin-main .form-card label{display:block;font-family:var(--font-display);font-size:.82rem;font-weight:500;color:var(--text-secondary);margin-bottom:7px}.admin-main .form-card input[type=text],.admin-main .form-card input[type=email],.admin-main .form-card input[type=password],.admin-main .form-card input[type=number],.admin-main .form-card input[type=search],.admin-main .form-card input[type=tel],.admin-main .form-card input[type=url],.admin-main .form-card input[type=date],.admin-main .form-card input[type=datetime-local],.admin-main .form-card input:not([type]),.admin-main .form-card textarea,.admin-main .form-card select,.admin-main .filters-card input[type=text],.admin-main .filters-card input[type=search],.admin-main .filters-card select{width:100%;padding:11px 14px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;outline:none}.admin-main .form-card input:focus,.admin-main .form-card textarea:focus,.admin-main .form-card select:focus,.admin-main .filters-card input:focus,.admin-main .filters-card select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-10);background:#ffffff0a}.admin-main .form-card textarea{min-height:120px;resize:vertical;line-height:1.55}.admin-main .form-card select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px;cursor:pointer}.admin-main .form-card input.error,.admin-main .form-card textarea.error,.admin-main .form-card select.error{border-color:var(--red);box-shadow:0 0 0 3px var(--red-20)}.admin-main .form-card .form-help,.admin-main .form-card small.form-help{display:block;margin-top:6px;font-size:.72rem;color:var(--text-muted)}.admin-main .form-card .form-error{display:block;margin-top:6px;font-size:.72rem;color:var(--red)}.admin-main .form-card .checkbox-label,.admin-main .form-card label.checkbox-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:0;padding:10px 14px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:border-color .2s ease,color .2s ease}.admin-main .form-card .checkbox-label:hover{border-color:var(--cyan-20);color:var(--text-primary)}.admin-main .form-card .checkbox-label input[type=checkbox],.admin-main .form-card .checkbox-label input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--cyan)}.admin-main .form-card .form-actions,.admin-main .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--glass-border);flex-wrap:wrap}.admin-main .form-card .form-actions .btn,.admin-main .form-actions .btn{min-width:120px}.admin-main .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass);color:var(--text-secondary);font-family:var(--font-display);font-size:.85rem;font-weight:500;cursor:pointer;text-decoration:none;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.admin-main .btn:hover{border-color:var(--cyan-20);color:var(--text-primary)}.admin-main .btn:disabled{opacity:.6;cursor:not-allowed}.admin-main .btn.btn-primary{background:linear-gradient(135deg,var(--cyan-20),var(--purple-20));border-color:var(--cyan-20);color:var(--text-primary)}.admin-main .btn.btn-primary:hover{box-shadow:0 6px 20px #22d3ee2e}.admin-main .btn.btn-secondary{background:#ffffff0a}.admin-main .btn.btn-danger{background:var(--red-20);border-color:var(--red-20);color:var(--red)}.admin-main .btn.btn-danger:hover{background:#ef444426;color:#fff}.admin-main .btn.btn-sm{padding:6px 12px;font-size:.78rem;min-width:0}.admin-main .btn-group{display:inline-flex;align-items:center;gap:6px}.admin-main .filters-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);padding:16px;margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.admin-main .filters-card .filter-group{display:inline-flex;align-items:center;gap:8px}.admin-main .filters-card label{font-size:.78rem;color:var(--text-muted);margin:0}.admin-main .form-card table,.admin-main table.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.admin-main .form-card table th,.admin-main table.data-table th{text-align:left;font-family:var(--font-display);font-weight:600;color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;border-bottom:1px solid var(--glass-border);background:#ffffff05}.admin-main .form-card table td,.admin-main table.data-table td{padding:12px 14px;border-bottom:1px solid var(--glass-border);color:var(--text-secondary)}.admin-main .form-card table tr:last-child td{border-bottom:none}.admin-main>section,.admin-main>.page-header,.admin-main>.form-card,.admin-main>.filters-card{margin-left:32px;margin-right:32px}.admin-main>.page-header:first-of-type,.admin-main>.form-card:first-of-type,.admin-main>.filters-card:first-of-type{margin-top:24px}@media(max-width:768px){.admin-main>.page-header,.admin-main>.form-card,.admin-main>.filters-card{margin-left:16px;margin-right:16px}.admin-main .form-card .form-row{grid-template-columns:1fr}}:root{--space-void: #09090b;--space-mid: #111318;--space-lighter: #1a1d24;--nebula-purple: #0f1117;--cyan: #3b82f6;--cyan-20: rgba(59, 130, 246, .2);--cyan-10: rgba(59, 130, 246, .1);--cyan-05: rgba(59, 130, 246, .05);--purple: #6366f1;--purple-20: rgba(99, 102, 241, .2);--purple-10: rgba(99, 102, 241, .1);--magenta: #0d9488;--magenta-20: rgba(13, 148, 136, .2);--green: #10b981;--green-20: rgba(16, 185, 129, .12);--amber: #f59e0b;--amber-20: rgba(245, 158, 11, .12);--red: #ef4444;--red-20: rgba(239, 68, 68, .12);--text-primary: #f8fafc;--text-secondary: rgba(248, 250, 252, .62);--text-muted: rgba(248, 250, 252, .34);--glass: rgba(17, 19, 24, .72);--glass-solid: rgba(13, 15, 19, .94);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(59, 130, 246, .2);--glass-glow: rgba(59, 130, 246, .06);--font-display: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "JetBrains Mono", monospace;--nav-h: 64px;--max-w: 1180px;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--radius-full: 9999px;--ease: cubic-bezier(.16, 1, .3, 1);--dur: .2s;--dur-slow: .35s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--space-void);color:var(--text-primary);line-height:1.65;overflow-x:hidden;min-height:100vh;position:relative}#main-content{transition:opacity var(--dur-slow) var(--ease),transform var(--dur-slow) var(--ease),filter var(--dur-slow) var(--ease)}body.page-leaving #main-content{opacity:0;transform:translateY(6px);filter:blur(1px)}html.js-ui body:not(.page-ready) #main-content{opacity:0;transform:translateY(8px);filter:blur(1px)}body.page-leaving .nav{opacity:.78}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(59,130,246,.03),transparent 60%)}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 clamp(16px,4vw,32px);position:relative;z-index:2}a{color:var(--cyan);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--text-primary)}img{max-width:100%;display:block}::selection{background:var(--cyan-20);color:var(--text-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--space-void)}::-webkit-scrollbar-thumb{background:var(--space-lighter);border-radius:3px}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;transition:all var(--dur) var(--ease)}.nav:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--glass-border);opacity:0;transition:opacity var(--dur)}.nav.scrolled{background:#09090be0;-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);box-shadow:0 1px 2px #0003}.nav.nav-compact{--nav-h: 58px}.nav.scrolled:after{opacity:1}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 clamp(16px,4vw,32px);height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;display:inline-flex;align-items:center;text-decoration:none;position:relative;width:max-content;max-width:100%;line-height:1}.logo-frame{display:block;position:relative;overflow:hidden;flex:0 0 auto;width:154px;height:32px}.logo-frame-horizontal{width:154px;height:32px}.logo-frame-compact{width:108px;height:24px}.logo-frame-auth{width:170px;height:36px}.logo-img{position:absolute;left:0;top:50%;width:100%;height:auto;display:block;transform:translateY(-50%);filter:drop-shadow(0 8px 16px rgba(59,130,246,.12));transition:filter var(--dur) var(--ease),transform var(--dur) var(--ease)}.logo-img-cropped{width:106.4%;left:-3.2%}.logo:hover .logo-img{filter:drop-shadow(0 10px 22px rgba(99,102,241,.22))}.logo:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.logo:hover:after{transform:scaleX(1)}.nav-links{list-style:none;display:flex;align-items:center;gap:2px}@media(min-width:769px){.nav-links{padding:4px;border-radius:var(--radius-full);border:1px solid var(--glass-border);background:#09090b80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.nav-links a{color:var(--text-secondary);font-family:var(--font-display);font-size:.83rem;font-weight:600;padding:8px 16px;border-radius:var(--radius-full);transition:color var(--dur) var(--ease),background var(--dur) var(--ease);position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text-primary);background:#ffffff0f}.nav-links a.active{background:#3b82f61a;box-shadow:inset 0 0 0 1px #3b82f659}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#main-content,.nav,.nav-links a{transition:none!important}}.nav-cta{padding:8px 20px!important;background:var(--cyan)!important;color:#fff!important;border:none!important}.nav-cta:hover{background:#2563eb!important;color:#fff!important}.nav-links a.nav-cta.active{background:#2563eb!important;box-shadow:0 0 0 2px #ffffff2e,0 8px 18px #3b82f652}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.nav-toggle span{width:22px;height:1.5px;background:var(--text-primary);border-radius:2px;transition:all var(--dur) var(--ease);transform-origin:center}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.875rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);position:relative;overflow:hidden;text-decoration:none}.btn-primary{background:var(--cyan);color:#fff;box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f640;color:#fff;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary span{position:relative;z-index:1}.btn-ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary)}.btn-ghost:hover{background:#ffffff0a;border-color:var(--glass-border-hover);transform:translateY(-1px);color:var(--text-primary)}.btn-sm{padding:8px 16px;font-size:.82rem}.hero{min-height:calc(100vh - 24px);display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h) + 48px) 0 80px;position:relative;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.05;pointer-events:none;will-change:transform}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 72%);top:-15%;right:-8%}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.08),transparent 74%);bottom:-10%;left:-5%}.hero-content{text-align:left;max-width:none;position:relative;z-index:3}.hero-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:40px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 12px;background:#3b82f60f;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.76rem;color:var(--cyan);margin-bottom:28px}.hero-badge .dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse 3s ease-in-out infinite}.hero-title{font-family:var(--font-display);font-size:clamp(2.6rem,5.5vw,4.2rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px;max-width:14ch}.gradient-text{background:linear-gradient(135deg,var(--cyan),var(--purple) 60%,var(--cyan));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shiftGradient 6s ease-in-out infinite}.hero-desc{font-size:clamp(.95rem,1.6vw,1.1rem);color:var(--text-secondary);max-width:580px;margin:0 0 36px;line-height:1.75}.hero-buttons{display:flex;gap:12px;justify-content:flex-start;flex-wrap:wrap}.hero-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:32px}.hero-metric{padding:16px 18px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.hero-metric:hover{transform:translateY(-2px);border-color:#3b82f626}.hero-metric strong{display:block;font-family:var(--font-display);font-size:1.6rem;line-height:1}.hero-metric span{display:block;margin-top:6px;color:var(--text-muted);font-size:.8rem}.hero-panel{padding:28px;background:#111318cc;border:1px solid var(--glass-border);border-radius:var(--radius);position:relative;z-index:2}.hero-panel-eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px}.hero-panel h2{font-family:var(--font-display);font-size:clamp(1.2rem,1.8vw,1.5rem);line-height:1.38;margin-bottom:20px}.hero-panel-list{display:flex;flex-direction:column;gap:16px}.hero-panel-item{display:grid;grid-template-columns:36px 1fr;gap:12px}.hero-panel-index{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);font-family:var(--font-mono);font-size:.72rem;color:var(--cyan)}.hero-panel-item strong{display:block;font-family:var(--font-display);font-size:.92rem;margin-bottom:4px}.hero-panel-item p{color:var(--text-secondary);font-size:.86rem;line-height:1.6}.hero-panel-footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:20px}.hero-panel-metric{padding:14px 16px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--glass-border)}.hero-panel-metric strong{display:block;font-family:var(--font-display);font-size:1.3rem}.hero-panel-metric span{display:block;margin-top:4px;color:var(--text-muted);font-size:.76rem}.section{padding:clamp(72px,10vw,120px) 0;position:relative}.section-header{text-align:center;margin-bottom:clamp(40px,5vw,64px)}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;color:var(--cyan);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.section-tag:before,.section-tag:after{content:"";width:16px;height:1px;background:var(--cyan-20)}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}.section-desc{color:var(--text-secondary);font-size:1rem;max-width:520px;margin:0 auto;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.service-card{background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);padding:28px 24px;transition:all var(--dur) var(--ease);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, var(--cyan));transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.service-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.service-card:hover:before{transform:scaleX(1)}.service-card:nth-child(2){--card-accent: var(--purple)}.service-card:nth-child(3){--card-accent: var(--green)}.service-card:nth-child(4){--card-accent: var(--amber)}.service-icon-wrap{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);border-radius:var(--radius-sm);margin-bottom:18px;color:var(--cyan);position:relative;z-index:1;transition:all var(--dur)}.service-card:nth-child(2) .service-icon-wrap{background:var(--purple-10);border-color:#6366f11f;color:var(--purple)}.service-card:nth-child(3) .service-icon-wrap{background:var(--green-20);border-color:#10b98126;color:var(--green)}.service-card:nth-child(4) .service-icon-wrap{background:var(--amber-20);border-color:#f59e0b26;color:var(--amber)}.service-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:8px;position:relative;z-index:1}.service-card p{color:var(--text-secondary);font-size:.88rem;line-height:1.65;margin-bottom:14px;position:relative;z-index:1}.tag-list{display:flex;flex-wrap:wrap;gap:5px;position:relative;z-index:1}.tag{font-family:var(--font-mono);font-size:.66rem;padding:2px 8px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-xs);color:var(--text-muted)}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-text h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.2;margin-bottom:18px}.about-text p{color:var(--text-secondary);font-size:.92rem;line-height:1.75;margin-bottom:12px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stat-item{text-align:center;padding:18px 10px;background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius-sm);transition:all var(--dur)}.stat-item:hover{border-color:#3b82f626;transform:translateY(-2px)}.stat-val{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-lbl{font-size:.76rem;color:var(--text-muted);margin-top:4px}.approach-system{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:stretch;padding:clamp(24px,4vw,42px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(79,209,197,.09),transparent 34%),linear-gradient(300deg,rgba(245,158,11,.08),transparent 38%),#1113188a;overflow:hidden}.approach-lead{display:flex;flex-direction:column;justify-content:flex-start;gap:18px;min-height:100%}.approach-section-header,.insight-section-header{margin-bottom:24px}.approach-lead h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.35rem);font-weight:700;line-height:1.12;margin:0;max-width:14ch}.approach-lead p{max-width:58ch;color:var(--text-secondary);font-size:.94rem;line-height:1.75;margin:0}.approach-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:28px}.approach-metrics div{padding:14px 12px;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-sm);background:#ffffff09}.approach-metrics strong{display:block;color:var(--text-primary);font-family:var(--font-display);font-size:1.45rem;line-height:1}.approach-metrics span{display:block;margin-top:7px;color:var(--text-muted);font-size:.72rem}.approach-flow{display:grid;gap:12px;align-content:center}.approach-step{display:grid;grid-template-columns:48px 46px minmax(0,1fr);gap:14px;align-items:start;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:var(--radius-sm);background:#06080d6b;transition:transform var(--dur) var(--ease),border-color var(--dur)}.approach-step:hover{transform:translate(4px);border-color:#4fd1c540}.approach-step-index{color:var(--text-muted);font-family:var(--font-mono);font-size:.78rem;padding-top:13px}.approach-step-icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#4fd1c517;color:var(--cyan)}.approach-step:nth-child(2n) .approach-step-icon{background:#f59e0b1a;color:var(--amber)}.approach-step h3{margin-bottom:6px;color:var(--text-primary);font-family:var(--font-display);font-size:.98rem}.approach-step p{color:var(--text-secondary);font-size:.84rem;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:28px 22px;background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;transition:all var(--dur) var(--ease)}.feature-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.feature-icon{width:52px;height:52px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);color:var(--cyan)}.feature-icon i{font-size:1.15rem}.feature-card h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:8px}.feature-card p{color:var(--text-secondary);font-size:.84rem;line-height:1.6}.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.insight-card{display:flex;flex-direction:column;gap:14px;padding:28px;background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.insight-card:hover{transform:translateY(-2px);border-color:var(--glass-border-hover)}.insight-card h3{font-family:var(--font-display);font-size:clamp(1.3rem,1.8vw,1.6rem);margin:0}.insight-card p{color:var(--text-secondary);line-height:1.7;font-size:.92rem;margin:0}.inline-link-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.inline-link-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff05;color:var(--text-primary);font-size:.82rem}.inline-link-pill:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.cta-actions,.contact-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.team-card{display:flex;flex-direction:column;gap:10px;padding:24px;background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);min-height:100%;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.team-card:hover{transform:translateY(-2px);border-color:var(--glass-border-hover)}.team-card h3{font-family:var(--font-display);font-size:1rem}.team-card p{color:var(--text-secondary);font-size:.86rem;line-height:1.65}.team-media{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;background:linear-gradient(135deg,var(--space-mid),var(--space-lighter));display:flex;align-items:center;justify-content:center}.team-media img{width:100%;height:100%;object-fit:cover}.team-avatar{font-family:var(--font-display);font-size:1.4rem;color:var(--text-primary)}.team-role{color:var(--cyan);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.team-links{display:flex;gap:8px;margin-top:auto}.team-links a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.85rem}.team-links a:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.testimonials-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:16px}.testimonials-track::-webkit-scrollbar{height:3px}.testimonials-track::-webkit-scrollbar-thumb{background:var(--space-lighter);border-radius:2px}.testimonial-card{min-width:320px;max-width:360px;flex-shrink:0;scroll-snap-align:start;background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);padding:28px}.testimonial-card blockquote{color:var(--text-secondary);font-size:.9rem;line-height:1.7;font-style:italic;margin-bottom:18px}.testimonial-card blockquote:before{content:"“";font-size:1.8rem;color:var(--cyan-20);font-style:normal;display:block;margin-bottom:6px;line-height:1}.testimonial-author{display:flex;align-items:center;gap:10px}.testimonial-avatar{width:36px;height:36px;border-radius:50%;background:var(--cyan-05);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--cyan)}.testimonial-author strong{font-family:var(--font-display);font-size:.86rem;display:block}.testimonial-author small{color:var(--text-muted);font-size:.74rem}.cta-section{padding:80px 0}.cta-box{background:#3b82f60a;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius);padding:clamp(40px,6vw,64px) clamp(24px,5vw,48px);text-align:center;position:relative}.cta-box:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan-20),transparent)}.cta-box h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:12px}.cta-box p{color:var(--text-secondary);font-size:1rem;max-width:440px;margin:0 auto 28px}.page-hero{padding:calc(var(--nav-h) + 48px) 0 48px;text-align:center}.page-hero-compact{padding-bottom:20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding-bottom:40px}.product-card{background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;transition:all var(--dur) var(--ease)}.product-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.product-img{height:180px;background:linear-gradient(135deg,var(--space-mid),var(--space-lighter));display:flex;align-items:center;justify-content:center}.product-img i{font-size:2rem;color:var(--text-muted)}.product-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:20px}.product-body h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin-bottom:6px}.product-body p{color:var(--text-secondary);font-size:.86rem;line-height:1.6;margin-bottom:12px}.product-price{font-family:var(--font-mono);font-size:1rem;color:var(--cyan);font-weight:600}.product-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.product-tag{font-family:var(--font-mono);font-size:.66rem;padding:2px 7px;background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);border-radius:var(--radius-xs);color:var(--cyan)}.product-meta-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}.product-kind,.product-availability{display:inline-flex;align-items:center;padding:4px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.66rem}.product-kind{background:#6366f114;border:1px solid rgba(99,102,241,.1);color:var(--text-secondary)}.product-availability{background:#10b98114;border:1px solid rgba(16,185,129,.1);color:var(--green)}.product-price-note{color:var(--magenta)}.product-actions-row{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.references-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;padding-bottom:40px}.references-grid-compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.reference-card{background:#111318ad;border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.reference-card:hover{border-color:var(--glass-border-hover);transform:translateY(-2px)}.reference-visual{position:relative;aspect-ratio:16 / 9;min-height:170px;background:linear-gradient(135deg,#3b82f629,#8b5cf61f),linear-gradient(180deg,var(--space-mid),var(--space-lighter));display:flex;align-items:center;justify-content:center;overflow:hidden}.reference-visual img{width:100%;height:100%;object-fit:cover}.reference-visual i{font-size:2.1rem;color:#eef2f59e}.reference-featured{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;padding:5px 9px;border-radius:var(--radius-xs);background:#0a0b0fbd;border:1px solid rgba(255,255,255,.1);color:var(--cyan);font-family:var(--font-mono);font-size:.66rem}.reference-body{padding:20px}.reference-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.reference-meta span,.reference-tags span{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.66rem;line-height:1.3;overflow-wrap:anywhere}.reference-meta span{background:#6366f114;border:1px solid rgba(99,102,241,.1);color:var(--text-secondary)}.reference-body h2,.reference-body h3{font-family:var(--font-display);font-size:1.05rem;line-height:1.35;margin-bottom:6px}.reference-client{color:var(--cyan);font-family:var(--font-mono);font-size:.72rem;margin-bottom:10px}.reference-body p{color:var(--text-secondary);font-size:.86rem;line-height:1.7;margin-bottom:12px}.reference-outcome{display:grid;gap:5px;padding:12px;margin:14px 0;border-radius:var(--radius-sm);background:#ffffff09;border:1px solid var(--glass-border)}.reference-outcome strong{color:var(--text-primary);font-family:var(--font-display);font-size:.78rem}.reference-outcome span{color:var(--text-secondary);font-size:.84rem;line-height:1.6}.reference-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.reference-tags span{background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);color:var(--cyan)}.reference-tags .reference-tech-tag{background:#8b5cf614;border-color:#8b5cf61f;color:var(--purple)}.reference-actions{margin-top:16px}.portal-products-empty{text-align:center;padding:48px 24px}.portal-products-empty-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);font-size:1.5rem;color:var(--cyan)}.portal-products-empty h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:8px}.portal-products-empty p{color:var(--text-secondary);max-width:400px;margin:0 auto 20px;line-height:1.7;font-size:.9rem}.empty-state{text-align:center;padding:60px 24px;grid-column:1 / -1}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:16px;opacity:.3}.empty-state h3{font-family:var(--font-display);font-size:1.2rem;margin-bottom:8px}.empty-state p{color:var(--text-secondary);max-width:360px;margin:0 auto;font-size:.9rem}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;padding-bottom:60px}.contact-cards{display:flex;flex-direction:column;gap:18px}.contact-spotlight-grid,.contact-meta-grid{display:grid;gap:12px}.contact-spotlight-grid{grid-template-columns:minmax(0,1fr);align-items:stretch}.contact-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);padding:22px;transition:all var(--dur) var(--ease);position:relative;overflow:hidden}.contact-card:hover{border-color:var(--glass-border-hover);transform:translateY(-1px)}.contact-card h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:8px}.contact-card p{color:var(--text-secondary);font-size:.88rem}.contact-company-card,.contact-portal-card{height:100%}.contact-card-note{margin-bottom:12px;color:var(--text-secondary);line-height:1.65}.contact-company-card .identity-list{margin-top:6px}.contact-mini-list{list-style:none;display:grid;gap:8px;margin:14px 0 0;padding:0}.contact-portal-card{display:flex;flex-direction:column;justify-content:space-between;padding:26px}.contact-portal-card p{line-height:1.75}.contact-portal-card .contact-mini-list{gap:10px;margin-top:18px}.contact-portal-card .contact-mini-list li{font-size:.87rem;line-height:1.6}.contact-portal-card .contact-card-actions{margin-top:auto;padding-top:18px}.contact-mini-list li{position:relative;padding-left:18px;color:var(--text-secondary);font-size:.84rem}.contact-mini-list li:before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:999px;background:var(--cyan);box-shadow:0 0 0 5px #3b82f614}.identity-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.identity-list li{display:grid;grid-template-columns:minmax(90px,110px) 1fr;gap:10px;align-items:start;padding:10px 0;border-top:1px solid var(--glass-border)}.identity-list li:first-child{border-top:0;padding-top:0}.identity-list strong{color:var(--text-primary);font-size:.78rem;font-family:var(--font-display)}.identity-list span{color:var(--text-secondary);font-size:.86rem;line-height:1.6}.identity-list.compact{gap:0;margin-bottom:18px}.identity-list.compact li{grid-template-columns:minmax(80px,100px) 1fr;padding:8px 0}.form-box{background:#111318d9;border:1px solid var(--glass-border);border-radius:var(--radius);padding:32px;position:relative}.form-intro{color:var(--text-secondary);margin-bottom:18px;line-height:1.7;font-size:.9rem}.form-group{margin-bottom:16px}.form-group label{display:block;font-family:var(--font-display);font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;transition:all var(--dur);outline:none}.form-control:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-10)}.form-group.focused label{color:var(--cyan)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{min-height:110px;resize:vertical}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff30' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.topbar-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-display);font-size:.8rem;text-decoration:none}.topbar-btn:hover{border-color:var(--glass-border-hover);color:var(--text-primary)}.admin-card{background:#111318b8;border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;transition:all var(--dur) var(--ease)}.admin-card:hover{border-color:#ffffff14}.admin-card-header{padding:16px 20px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.admin-card-header h2{font-family:var(--font-display);font-size:.95rem;font-weight:600}.admin-card-body{padding:20px}.admin-card-body.no-pad{padding:0;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--glass-border);font-size:.86rem}.admin-table thead th{background:#ffffff04;color:var(--text-muted);font-family:var(--font-display);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.admin-table tbody tr{transition:background var(--dur) var(--ease)}.admin-table tbody tr:hover{background:#3b82f608}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.7rem;background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);color:var(--cyan)}.badge-portal-status{background:#6366f10f;border-color:#6366f11a;color:var(--text-secondary)}.portal-layout{display:flex;flex-direction:column;gap:24px}.portal-shell-body:before{background:radial-gradient(circle at 18% 10%,rgba(59,130,246,.12),transparent 28%),radial-gradient(circle at 82% 0%,rgba(139,92,246,.12),transparent 24%),radial-gradient(circle at 50% 100%,rgba(13,148,136,.08),transparent 30%)}.portal-shell-layout{position:relative}.portal-shell-main{position:relative;background:linear-gradient(180deg,#09090bb8,#09090bf5),radial-gradient(circle at top,rgba(59,130,246,.08),transparent 42%)}.portal-shell-content{padding-top:24px}.portal-shell-topbar{padding-top:18px;padding-bottom:18px}.portal-shell-topbar .topbar-title{display:flex;align-items:flex-start;gap:14px}.portal-shell-topbar .topbar-title>div{display:grid;gap:2px}.portal-shell-kicker,.portal-sidebar-kicker{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.portal-sidebar-context{margin:14px 16px 2px;padding:14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff08,#ffffff04),#0e1015e0}.portal-sidebar-context strong{display:block;margin-top:8px;font-family:var(--font-display);font-size:.98rem}.portal-sidebar-context span{display:block;margin-top:4px;color:var(--text-secondary);font-size:.82rem}.portal-sidebar-context small{display:block;margin-top:6px;color:var(--text-muted);font-size:.75rem}.portal-shell-content .page-hero{padding:0}.portal-shell-content .page-hero .container,.portal-shell-content .section>.container{max-width:none;padding:0}.portal-shell-content .section-header{position:relative;padding:28px;border:1px solid rgba(255,255,255,.07);border-radius:calc(var(--radius) + 6px);background:linear-gradient(135deg,#3b82f61f,#6366f114 42%,#09090b3d),#0b0e13eb;box-shadow:0 30px 70px #00000038}.portal-shell-content .section-header:after{content:"";position:absolute;inset:auto 28px 0 28px;height:1px;background:linear-gradient(90deg,rgba(59,130,246,.45),transparent 72%)}.portal-shell-content .portal-layout{gap:28px}.portal-shell-content .portal-summary-grid{gap:16px}.portal-shell-content .portal-summary-card{min-height:148px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#ffffff0a,#ffffff04),#111318d1}.portal-shell-content .portal-columns{gap:24px}.portal-shell-content .admin-card{box-shadow:0 18px 48px #00000029}.portal-shell-content .portal-intro-card{background:linear-gradient(135deg,#3b82f617,#8b5cf60f),#ffffff04}.portal-shell-content .portal-request-card,.portal-shell-content .staff-training-card,.portal-shell-content .license-card,.portal-shell-content .activity-item{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portal-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.portal-summary-card{padding:22px;background:#111318b3;border:1px solid var(--glass-border);border-radius:var(--radius);position:relative;overflow:hidden;transition:all var(--dur) var(--ease)}.portal-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, var(--cyan));opacity:0;transition:opacity var(--dur)}.portal-summary-card:hover{border-color:var(--glass-border-hover);transform:translateY(-1px)}.portal-summary-card:hover:before{opacity:1}.portal-summary-card:nth-child(1){--card-accent: var(--cyan)}.portal-summary-card:nth-child(2){--card-accent: var(--amber)}.portal-summary-card:nth-child(3){--card-accent: var(--green)}.portal-summary-card:nth-child(4){--card-accent: var(--purple)}.portal-summary-card strong{display:block;font-family:var(--font-display);font-size:1.8rem;line-height:1;color:var(--text-primary)}.portal-summary-card span{display:block;margin-top:8px;color:var(--text-muted);font-size:.8rem;font-weight:500}.portal-toolbar{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.portal-columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.9fr);gap:20px}.license-stack{display:flex;flex-direction:column;gap:12px}.license-card{padding:16px 18px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--glass-border);transition:all var(--dur) var(--ease)}.license-card:hover{border-color:var(--glass-border-hover)}.license-card strong{display:block;font-size:.92rem}.license-card small{display:block;margin-top:4px;color:var(--text-muted);font-size:.78rem}.license-card code{display:block;margin-top:10px;padding:10px 14px;border-radius:var(--radius-sm);background:#0006;color:var(--cyan);font-family:var(--font-mono);overflow-x:auto;border:1px solid rgba(59,130,246,.06);font-size:.84rem}.license-card p{margin-top:8px;color:var(--text-secondary);font-size:.86rem}.digital-license-callout{min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);background:#3b82f60f;border:1px solid rgba(59,130,246,.12);color:var(--text-secondary);font-size:.86rem}.digital-license-callout i{color:var(--cyan)}.portal-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portal-profile-grid-wide{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.portal-profile-sidecards{display:grid;gap:20px}.subscription-summary{display:grid;gap:16px}.subscription-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.subscription-stat{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff05}.subscription-stat small{display:block;color:var(--text-muted);font-size:.72rem;margin-bottom:6px}.subscription-stat strong{display:block;font-family:var(--font-display);font-size:1.1rem;color:var(--text-primary)}.subscription-note{padding:14px 16px;border-radius:var(--radius-sm);background:#3b82f614;border:1px solid rgba(59,130,246,.16);color:var(--text-secondary);font-size:.82rem;line-height:1.65}.subscription-note strong{color:var(--text-primary)}.subscription-actions,.preference-actions,.form-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.preference-actions,.form-footer{margin-top:18px}.subscription-actions .btn,.preference-actions .btn,.form-footer .btn{flex:0 0 auto}.subscription-review-card{max-width:760px;margin:12px auto 0}.subscription-review-card .admin-card-body{display:grid;gap:18px}.subscription-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:6px 10px;border-radius:var(--radius-full);background:#3b82f61f;color:var(--cyan);font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.subscription-review-card h1,.subscription-review-card h2{font-family:var(--font-display);line-height:1.15}.subscription-review-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.subscription-review-meta .subscription-stat{min-height:100%}.subscription-status{color:var(--text-secondary);font-size:.92rem;line-height:1.7}.preference-groups{display:grid;gap:18px}.preference-group{border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff04;overflow:hidden}.preference-group h3{margin:0;padding:13px 16px;border-bottom:1px solid var(--glass-border);font-family:var(--font-display);font-size:.86rem;color:var(--text-primary)}.preference-list{display:grid}.preference-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--glass-border);cursor:pointer}.preference-row:last-child{border-bottom:0}.preference-row strong{display:block;font-family:var(--font-display);font-size:.86rem;color:var(--text-primary)}.preference-row small{display:block;margin-top:4px;color:var(--text-muted);line-height:1.55;font-size:.78rem}.switch{position:relative;display:inline-flex;width:46px;height:26px;flex:0 0 46px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:#ffffff14;border:1px solid var(--glass-border);border-radius:var(--radius-full);transition:all var(--dur) var(--ease)}.slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;background:#f8fafcd1;border-radius:50%;transition:all var(--dur) var(--ease)}.switch input:checked+.slider{background:#3b82f652;border-color:#3b82f66b}.switch input:checked+.slider:before{transform:translate(20px);background:#fff}.activity-feed{display:grid;gap:10px}.activity-feed.compact{gap:8px}.activity-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff05}.activity-feed.compact .activity-item{grid-template-columns:32px minmax(0,1fr) auto}.activity-item.unread{border-color:#4fd1c54d;background:#4fd1c50e}.activity-item.unread .activity-icon{background:#4fd1c51f;color:var(--cyan)}.activity-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#f59e0b14;color:var(--amber)}.activity-item strong,.activity-item small,.activity-item em{display:block}.activity-item strong{color:var(--text-primary);font-family:var(--font-display);font-size:.84rem}.activity-item small{color:var(--text-secondary);font-size:.76rem;line-height:1.5;margin-top:3px}.activity-item em{margin-top:5px;color:var(--text-muted);font-style:normal;font-size:.7rem}.auth-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:28px;padding-bottom:60px}.auth-box{min-height:100%}.auth-box .form-box{background:#111318d9;border:1px solid var(--glass-border);border-radius:var(--radius);padding:36px;position:relative;overflow:hidden}.auth-box .form-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple))}.auth-box .btn-primary{width:100%;justify-content:center;padding:13px 28px;font-size:.92rem;margin-top:8px}.auth-form-header{text-align:center;margin-bottom:28px}.auth-form-header h2{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:6px}.auth-form-header p{color:var(--text-secondary);font-size:.86rem;line-height:1.6}.auth-icon-wrap{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);font-size:1.1rem;color:var(--cyan)}.auth-alt-link{text-align:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--glass-border);color:var(--text-muted);font-size:.84rem}.auth-alt-link a{color:var(--cyan);font-weight:600;margin-left:4px}.auth-alt-link a:hover{color:var(--text-primary)}.portal-side-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-xs);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);color:var(--cyan);font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.portal-side-divider{height:1px;background:var(--glass-border);margin:6px 0 16px}.portal-side-card{padding:28px;background:#111318b3;border:1px solid var(--glass-border);border-radius:var(--radius);position:relative;overflow:hidden}.portal-side-card h3{font-family:var(--font-display);font-size:1.15rem;margin-bottom:8px}.portal-side-subtitle{margin:4px 0 12px;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text-primary)}.portal-intro-card{padding:18px 20px;margin-bottom:16px;border-radius:var(--radius-sm);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);position:relative;overflow:hidden}.portal-intro-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cyan);border-radius:3px}.portal-intro-card strong{display:block;font-family:var(--font-display);font-size:.92rem;margin-bottom:6px}.portal-intro-card p{color:var(--text-secondary);line-height:1.65;font-size:.88rem}.portal-request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.portal-request-card{display:flex;flex-direction:column;gap:10px;min-height:100%;padding:20px;border-radius:var(--radius);background:#ffffff05;border:1px solid var(--glass-border);color:var(--text-primary);text-decoration:none;transition:all var(--dur) var(--ease);position:relative;overflow:hidden}.portal-request-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}.portal-request-card:hover{transform:translateY(-2px);border-color:var(--glass-border-hover);color:var(--text-primary)}.portal-request-card:hover:after{transform:scaleX(1)}.portal-request-card i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);color:var(--cyan);font-size:1rem}.portal-request-card strong{font-family:var(--font-display);font-size:.9rem}.portal-announcement-stack{display:grid;gap:12px}.portal-announcement-card{position:relative;padding:18px 20px;border-radius:var(--radius);border:1px solid var(--glass-border);background:linear-gradient(135deg,#ffffff0b,#ffffff03),#0c1016c7;overflow:hidden}.portal-announcement-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--cyan)}.portal-announcement-card.tone-success:before{background:var(--green)}.portal-announcement-card.tone-warning:before{background:var(--amber)}.portal-announcement-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.portal-announcement-date{color:var(--text-muted);font-size:.75rem}.portal-announcement-card strong{display:block;font-family:var(--font-display);font-size:.98rem;margin-bottom:8px}.portal-announcement-card p{margin:0;color:var(--text-secondary);line-height:1.7;font-size:.88rem}.portal-announcement-link{margin-top:14px}.portal-request-card span{color:var(--text-secondary);font-size:.82rem;line-height:1.6}.ticket-thread{display:flex;flex-direction:column;gap:14px}.ticket-message{padding:18px 20px;border-radius:var(--radius);border:1px solid var(--glass-border);position:relative;animation:fadeSlideUp .3s var(--ease) backwards}.ticket-message:nth-child(1){animation-delay:0s}.ticket-message:nth-child(2){animation-delay:.04s}.ticket-message:nth-child(3){animation-delay:.08s}.ticket-message:nth-child(4){animation-delay:.12s}.ticket-message:nth-child(5){animation-delay:.16s}.ticket-message-admin{background:#6366f10a;border-color:#6366f11a}.ticket-message-admin:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--purple);border-radius:3px}.ticket-message-customer{background:#3b82f60a;border-color:#3b82f614}.ticket-message-customer:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--cyan);border-radius:3px}.ticket-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.ticket-message-head strong{font-family:var(--font-display);font-size:.9rem}.ticket-message-head span{color:var(--text-muted);font-size:.78rem;font-family:var(--font-mono)}.ticket-message-body{color:var(--text-secondary);line-height:1.75;font-size:.9rem}.task-mini-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.task-mini-preview,.task-mini-preview-more{width:40px;height:40px;border-radius:10px;overflow:hidden;border:1px solid var(--glass-border);background:#ffffff08}.task-mini-preview{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.task-mini-preview img{width:100%;height:100%;object-fit:cover;display:block}.task-mini-preview-icon,.task-mini-preview-more{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-secondary);font-size:.74rem}.task-mini-preview-icon em{font-style:normal;font-size:.54rem;letter-spacing:.06em}.task-mini-preview-more{font-family:var(--font-mono);font-size:.68rem}.task-attachment-panel{margin:18px 0;padding:18px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#ffffff05}.task-attachment-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.task-attachment-panel-head strong{font-family:var(--font-display);font-size:.92rem}.task-attachment-panel-head span{color:var(--text-muted);font-size:.76rem}.task-attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.task-attachment-card{display:grid;gap:10px;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:#ffffff05}.task-attachment-visual{position:relative;aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;background:#080c12e6;display:flex;align-items:center;justify-content:center;text-decoration:none}.task-attachment-visual img,.task-attachment-visual video{width:100%;height:100%;object-fit:cover;display:block}.task-attachment-icon{display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-secondary);font-size:1.2rem}.task-attachment-icon em{font-style:normal;font-size:.68rem;letter-spacing:.08em}.task-attachment-overlay{position:absolute;inset:auto 10px 10px auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#080c12c2;color:#fff}.task-attachment-body{display:grid;gap:4px}.task-attachment-body strong{font-size:.84rem;word-break:break-word}.task-attachment-body span,.task-attachment-body small{color:var(--text-muted);font-size:.75rem}.task-comment-files{display:grid;gap:8px;margin-top:12px}.task-comment-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--glass-border);background:#ffffff05;color:var(--text-secondary);text-decoration:none}.task-comment-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-comment-file small{color:var(--text-muted)}.ticket-reply-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--glass-border)}.ticket-reply-section h3{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:14px}.portal-check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:18px 0 24px}.portal-check-list li{position:relative;padding-left:28px;color:var(--text-secondary);line-height:1.6;font-size:.9rem}.portal-check-list li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--cyan);opacity:.5}.staff-inline-task-form{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;align-items:end}.staff-inline-task-form .form-group{margin-bottom:0}.staff-inline-task-wide{grid-column:1 / -1}.staff-training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.staff-training-grid.single-column{grid-template-columns:1fr}.staff-training-card{display:block;padding:16px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff05;color:var(--text-primary);text-decoration:none;transition:all var(--dur) var(--ease)}.staff-training-card:hover,.staff-training-card.active{border-color:var(--glass-border-hover);background:#3b82f60a;color:var(--text-primary)}.staff-training-card strong,.staff-training-card span{display:block}.staff-training-card strong{font-family:var(--font-display);font-size:.9rem}.staff-training-card span{margin-top:6px;color:var(--text-muted);font-size:.78rem}.staff-progress{height:7px;margin-top:12px;overflow:hidden;border-radius:var(--radius-full);background:#ffffff0f;border:1px solid var(--glass-border)}.staff-progress span{display:block;height:100%;margin:0;background:linear-gradient(90deg,var(--cyan),var(--green))}.staff-lesson-list{display:grid;gap:12px}.staff-lesson{padding:16px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff05}.staff-lesson strong{display:block;font-family:var(--font-display);font-size:.9rem;margin-bottom:8px}.staff-lesson p{color:var(--text-secondary);line-height:1.7;font-size:.86rem;margin-bottom:12px}.content-article{padding:clamp(24px,4vw,40px);background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius)}.content-article h2,.content-article h3,.content-article h4{font-family:var(--font-display);margin:0 0 12px}.content-article p,.content-article li{color:var(--text-secondary);line-height:1.75}.content-article p,.content-article ul,.content-article ol{margin:0 0 16px}.content-article ul,.content-article ol{padding-left:20px}.content-article a{text-decoration:underline;text-underline-offset:3px}.content-article h2{font-size:clamp(1.25rem,2.4vw,1.6rem);margin-top:28px;color:var(--text-primary)}.content-article h3{font-size:clamp(1.05rem,2vw,1.2rem);margin-top:22px;color:var(--text-primary)}.content-article ol{list-style:decimal;padding-left:22px}.content-article li+li{margin-top:4px}.content-article table{width:100%;border-collapse:collapse;margin:0 0 22px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-sm);overflow:hidden;display:table}.content-article table th,.content-article table td{padding:10px 14px;border-bottom:1px solid var(--glass-border);text-align:left;vertical-align:top;font-size:.92rem;color:var(--text-secondary)}.content-article table th{width:32%;background:#ffffff08;color:var(--text-primary);font-weight:600}.content-article table tr:last-child th,.content-article table tr:last-child td{border-bottom:none}@media(max-width:640px){.content-article table,.content-article table tbody,.content-article table tr,.content-article table th,.content-article table td{display:block;width:100%}.content-article table th{background:transparent;border-bottom:none;padding-bottom:2px}.content-article table td{padding-top:0;border-bottom:1px solid var(--glass-border)}}.alert{padding:12px 18px;border-radius:var(--radius-sm);margin-bottom:18px;font-size:.86rem;display:flex;align-items:center;gap:8px}.alert-success{background:var(--green-20);border:1px solid rgba(16,185,129,.2);color:var(--green)}.alert-error{background:var(--red-20);border:1px solid rgba(239,68,68,.2);color:var(--red)}.footer{position:relative;padding-top:64px;border-top:1px solid var(--glass-border);z-index:2}.footer-glow{display:none}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:32px;padding-bottom:40px}.footer-brand .logo{font-size:1.2rem;margin-bottom:12px}.footer-brand .logo-frame-horizontal{width:146px;height:30px}.footer-brand p{color:var(--text-secondary);font-size:.88rem;line-height:1.7}.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-secondary);font-size:.85rem}.social-link:hover{border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-1px)}.footer-col h4{font-family:var(--font-display);font-size:.82rem;font-weight:600;margin-bottom:14px;color:var(--text-primary)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-col a{color:var(--text-secondary);font-size:.86rem;transition:all var(--dur)}.footer-col a:hover{color:var(--cyan)}.footer-col p{color:var(--text-secondary);font-size:.86rem;margin-bottom:4px}.footer-legal-meta{margin-top:6px;font-size:.76rem;color:var(--text-muted)}.footer-icon{color:var(--text-muted);margin-right:6px}.footer-bottom{border-top:1px solid var(--glass-border);padding:16px 0;text-align:center}.footer-bottom p{color:var(--text-muted);font-size:.76rem}html.js-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}html.js-reveal .reveal.visible{opacity:1;transform:translateY(0)}html.js-reveal .reveal-left{opacity:0;transform:translate(-24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}html.js-reveal .reveal-left.visible{opacity:1;transform:translate(0)}html.js-reveal .reveal-right{opacity:0;transform:translate(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}html.js-reveal .reveal-right.visible{opacity:1;transform:translate(0)}html.js-reveal .stagger>*{opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease),transform .4s var(--ease)}html.js-reveal .stagger.visible>*:nth-child(1){transition-delay:.03s}html.js-reveal .stagger.visible>*:nth-child(2){transition-delay:.06s}html.js-reveal .stagger.visible>*:nth-child(3){transition-delay:.09s}html.js-reveal .stagger.visible>*:nth-child(4){transition-delay:.12s}html.js-reveal .stagger.visible>*:nth-child(5){transition-delay:.15s}html.js-reveal .stagger.visible>*:nth-child(6){transition-delay:.18s}html.js-reveal .stagger.visible>*{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shiftGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.hero-intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--space-void);pointer-events:none;will-change:opacity,transform;transition:opacity .1s linear}.hero-intro-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.04),transparent 50%);opacity:0;transition:opacity 1.2s ease}.hero-intro-overlay.intro-glow:before{opacity:1}.hero-intro-text{font-family:var(--font-display);font-size:clamp(3.5rem,14vw,11rem);font-weight:800;letter-spacing:-.05em;line-height:.9;text-align:center;will-change:transform,opacity;position:relative;z-index:1}.hero-intro-text .intro-seen{display:block;color:var(--text-primary);opacity:0;transform:translateY(30px);animation:introWordReveal .8s var(--ease) .3s forwards}.hero-intro-text .intro-tech{display:block;background:linear-gradient(135deg,var(--cyan),var(--purple) 60%,var(--magenta));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transform:translateY(30px);animation:introWordReveal .8s var(--ease) .6s forwards,shiftGradient 5s ease-in-out 1.4s infinite}.hero-intro-tagline{font-family:var(--font-mono);font-size:clamp(.7rem,1.1vw,.84rem);letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-top:28px;opacity:0;transform:translateY(20px);animation:introWordReveal .6s var(--ease) 1s forwards;position:relative;z-index:1}.hero-intro-scroll{position:absolute;bottom:48px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:introWordReveal .6s var(--ease) 1.6s forwards;z-index:1}.hero-intro-scroll span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.hero-intro-scroll-line{width:1px;height:40px;background:linear-gradient(180deg,var(--cyan),transparent);animation:scrollPulse 2s ease-in-out infinite}.hero-intro-overlay.intro-done{opacity:0;pointer-events:none}@keyframes introWordReveal{to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}body.intro-active{overflow:hidden}body.intro-active .nav{opacity:0;transform:translateY(-100%);transition:opacity .5s var(--ease),transform .5s var(--ease)}body.intro-scrolling .nav{opacity:1;transform:translateY(0)}.content-unavailable{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-h) + 48px) 24px 60px}.content-unavailable-box{text-align:center;max-width:440px;padding:48px 36px;background:#11131899;border:1px solid var(--glass-border);border-radius:var(--radius);animation:fadeSlideUp .5s var(--ease)}.content-unavailable-icon{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--cyan-05);border:1px solid rgba(59,130,246,.08);font-size:1.5rem;color:var(--text-muted)}.content-unavailable-box h2{font-family:var(--font-display);font-size:1.4rem;margin-bottom:10px}.content-unavailable-box p{color:var(--text-secondary);margin-bottom:24px;line-height:1.65;font-size:.9rem}.toast-container{position:fixed;top:calc(var(--nav-h) + 12px);right:20px;z-index:3000;display:flex;flex-direction:column;gap:6px}.toast{padding:12px 18px;background:var(--glass-solid);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.86rem;display:flex;align-items:center;gap:8px;animation:toastIn .3s var(--ease);box-shadow:0 8px 24px #0000004d}.toast-success{border-left:3px solid var(--green);color:var(--green)}.toast-error{border-left:3px solid var(--red);color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.btn:focus-visible{outline-offset:3px;box-shadow:0 0 0 3px var(--cyan-20)}.form-control:focus-visible{outline:none}.skip-link{position:absolute;top:-100%;left:16px;padding:10px 20px;background:var(--cyan);color:#fff;font-weight:700;border-radius:var(--radius-sm);z-index:9999;transition:top .2s}.skip-link:focus{top:16px}.skeleton{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0a,#ffffff05 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--cyan);z-index:1001;transform-origin:left;transform:scaleX(0);transition:transform .1s linear}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.form-row,.subscription-summary-grid,.subscription-review-meta{grid-template-columns:1fr}.preference-row,.activity-item{grid-template-columns:minmax(0,1fr)}.activity-icon{display:none}.subscription-actions,.preference-actions,.form-footer{flex-direction:column;align-items:stretch}}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);margin-bottom:20px}.breadcrumb a{color:var(--text-secondary)}.breadcrumb a:hover{color:var(--cyan)}.page-content{min-height:calc(100vh - var(--nav-h))}.page-content-inner{animation:pageInSoft .52s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,filter}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageInSoft{0%{opacity:0;transform:translateY(14px) scale(.995);filter:blur(1.2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.process-steps:before{content:"";position:absolute;top:30px;left:10%;right:10%;height:1px;background:var(--glass-border)}.process-step{text-align:center;position:relative}.step-num{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:var(--glass-solid);border:1px solid rgba(59,130,246,.12);border-radius:50%;font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--cyan);position:relative;z-index:2}.process-step h4{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:6px}.process-step p{color:var(--text-secondary);font-size:.8rem;line-height:1.55}@media(max-width:1024px){.hero-shell,.insight-grid,.portal-columns,.portal-profile-grid,.auth-grid,.staff-inline-task-form{grid-template-columns:1fr}.about-split{grid-template-columns:1fr;gap:32px}.approach-system{grid-template-columns:1fr}.approach-lead h2{max-width:18ch}.features-grid{grid-template-columns:1fr 1fr}.process-steps{grid-template-columns:repeat(2,1fr);gap:24px}.process-steps:before{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}}@media(max-width:768px){.nav-toggle{display:flex}.nav-links{position:fixed;top:0;right:-100%;width:min(300px,85vw);height:100vh;background:#09090bf7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:center;padding:36px;gap:4px;transition:right var(--dur-slow) var(--ease);border-left:1px solid var(--glass-border)}.nav-links.active{right:0}.nav-links a{font-size:1rem;padding:12px 18px}.contact-layout,.contact-spotlight-grid,.contact-meta-grid{grid-template-columns:1fr}.hero-content{text-align:center}.hero-title{max-width:none}.hero-desc{margin-left:auto;margin-right:auto}.hero-buttons,.cta-actions{justify-content:center}.hero-metrics,.portal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-list li,.identity-list.compact li{grid-template-columns:1fr;gap:4px}.portal-toolbar{justify-content:flex-start}.features-grid,.process-steps{grid-template-columns:1fr}.approach-step{grid-template-columns:38px minmax(0,1fr)}.approach-step-icon{display:none}.approach-metrics{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}}@media(max-width:480px){.nav .logo-frame-horizontal{width:134px;height:28px}.hero-title{font-size:2rem}.hero-buttons{flex-direction:column;align-items:center}.stats-row{grid-template-columns:1fr 1fr}.hero-metrics,.portal-summary-grid,.services-grid,.products-grid{grid-template-columns:1fr}.hero-intro-text{font-size:clamp(2.8rem,16vw,5rem)}.hero-intro-tagline{font-size:.65rem;letter-spacing:.2em}}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-overlay.active{opacity:1;pointer-events:auto}.service-card,.product-card,.team-card,.testimonial-card,.feature-card,.insight-card,.contact-card,.portal-summary-card,.hero-metric,.stat-item,.portal-request-card,.license-card{will-change:transform}.section+.section:before{content:"";display:block;width:64px;height:1px;background:linear-gradient(90deg,var(--cyan-20),var(--purple-20));margin:0 auto;position:relative;top:calc(clamp(-72px,-10vw,-120px)/2)}.btn:active{transform:translateY(1px) scale(.98)}.btn-primary:active{box-shadow:0 0 #3b82f600}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.service-card:hover .service-icon-wrap,.feature-card:hover .feature-icon,.portal-request-card:hover i{animation:iconFloat 1.2s var(--ease) infinite}.stat-val,.hero-metric strong,.portal-summary-card strong{transition:color var(--dur) var(--ease)}.stat-item:hover .stat-val{color:var(--cyan)}.service-card:after,.insight-card:after,.contact-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(99,102,241,.1),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--dur-slow) var(--ease);pointer-events:none}.service-card:hover:after,.insight-card:hover:after,.contact-card:hover:after{opacity:1}@keyframes badgePulse{0%,to{box-shadow:0 0 #3b82f626}50%{box-shadow:0 0 0 8px #3b82f600}}.hero-badge{animation:badgePulse 4s ease-in-out infinite}.hero-panel:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(115deg,transparent 40%,rgba(59,130,246,.03) 45%,rgba(99,102,241,.02) 50%,transparent 55%);transform:rotate(0);animation:panelSweep 8s ease-in-out infinite;pointer-events:none}@keyframes panelSweep{0%,to{transform:translate(-30%) rotate(0)}50%{transform:translate(30%) rotate(2deg)}}.cta-box{transition:border-color 3s ease-in-out;animation:ctaBreathe 6s ease-in-out infinite}@keyframes ctaBreathe{0%,to{border-color:#3b82f61a}50%{border-color:#3b82f62e}}.testimonial-card{transition:all var(--dur) var(--ease)}.testimonial-card:hover{border-color:var(--glass-border-hover);background:linear-gradient(135deg,#3b82f608,#11131899)}.tag{transition:all var(--dur) var(--ease)}.tag:hover{background:var(--cyan-05);border-color:#3b82f61f;color:var(--cyan)}.product-tag{transition:all var(--dur) var(--ease)}.product-tag:hover{background:var(--cyan-10)}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.portal-summary-card strong{animation:countUp .4s var(--ease) backwards}.portal-summary-card:nth-child(1) strong{animation-delay:.05s}.portal-summary-card:nth-child(2) strong{animation-delay:.1s}.portal-summary-card:nth-child(3) strong{animation-delay:.15s}.portal-summary-card:nth-child(4) strong{animation-delay:.2s}.form-control{transition:all var(--dur) var(--ease)}.form-control:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-10),0 1px 2px #0000001a}.content-article a{background-image:linear-gradient(var(--cyan),var(--cyan));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size var(--dur) var(--ease);text-decoration:none}.content-article a:hover{background-size:100% 1px}.footer-col a{position:relative;display:inline-block}.footer-col a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--cyan);transition:width var(--dur) var(--ease)}.footer-col a:hover:after{width:100%}.social-link{transition:all var(--dur) var(--ease)}.social-link:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #3b82f626}.scroll-progress{box-shadow:0 0 8px #3b82f64d}.alert{animation:alertSlide .4s var(--ease)}@keyframes alertSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-box .form-box{animation:fadeSlideUp .5s var(--ease)}.portal-intro-card{transition:all var(--dur) var(--ease)}.portal-intro-card:hover{border-color:#3b82f626;background:#3b82f614}.breadcrumb li+li:before,.breadcrumb span.sep{color:var(--text-muted);margin:0 4px}.product-img img,.team-media img{transition:transform .5s var(--ease)}.product-card:hover .product-img img{transform:scale(1.04)}.team-card:hover .team-media img{transform:scale(1.06)}.product-img{overflow:hidden}.contact-card-trust{border-color:#f59e0b1f;background:#f59e0b05}.contact-card-trust:hover{border-color:#f59e0b33}.contact-portal-card{border-color:#3b82f61a;background:#3b82f605}.contact-portal-card:hover{border-color:#3b82f633}.portal-table th{font-size:.7rem}.portal-table td{font-size:.84rem;padding:10px 14px}.skeleton{min-height:20px}.skeleton-card{height:200px;border-radius:var(--radius)}.skeleton-text{height:14px;border-radius:4px;margin-bottom:8px}.skeleton-text:last-child{width:60%}.badge-new{background:#3b82f61a;border-color:#3b82f626;color:var(--cyan)}.badge-open{background:#f59e0b14;border-color:#f59e0b1f;color:var(--amber)}.badge-answered{background:#10b98114;border-color:#10b9811f;color:var(--green)}.badge-closed{background:#ffffff0a;border-color:var(--glass-border);color:var(--text-muted)}.dash-grid-equal{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.message-detail{display:flex;flex-direction:column;gap:4px}.msg-meta{display:flex;flex-direction:column;gap:10px}.meta-item{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start;padding:8px 0;border-bottom:1px solid var(--glass-border)}.meta-item:last-child{border-bottom:none}.meta-label{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--text-muted)}.meta-value{font-size:.88rem;color:var(--text-primary)}@keyframes scrollIndicator{0%{opacity:0;transform:translateY(-8px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.form-group:focus-within label{color:var(--cyan)}.page-hero{padding:88px 0 32px;position:relative}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 70% at 20% 0%,rgba(34,211,238,.08),transparent 60%),radial-gradient(50% 60% at 90% 10%,rgba(167,139,250,.08),transparent 60%);pointer-events:none;z-index:0}.page-hero>.container{position:relative;z-index:1}.services-toolbar{display:flex;flex-direction:column;gap:14px;margin:8px 0 28px;padding:18px;background:#0f172a8c;border:1px solid rgba(148,163,184,.18);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.services-search{position:relative;display:flex;align-items:center}.services-search i{position:absolute;left:14px;color:var(--muted, #94a3b8);pointer-events:none;font-size:.95rem}.services-search input{width:100%;height:44px;padding:0 14px 0 40px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#0206178c;color:var(--text, #e2e8f0);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.services-search input::placeholder{color:var(--muted, #94a3b8)}.services-search input:focus{outline:none;border-color:var(--cyan, #22d3ee);box-shadow:0 0 0 3px #22d3ee26}.services-tag-filter{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#02061773;color:var(--text, #e2e8f0);font-size:.85rem;font-weight:500;cursor:pointer;transition:transform .15s ease,border-color .2s ease,background .2s ease,color .2s ease}.tag-pill span{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:#94a3b82e;color:var(--muted, #cbd5e1);font-size:.72rem;font-weight:600}.tag-pill:hover{border-color:#22d3ee73;transform:translateY(-1px)}.tag-pill.active{border-color:#22d3ee99;background:linear-gradient(135deg,#22d3ee2e,#a78bfa2e);color:#fff;box-shadow:0 6px 20px #22d3ee2e}.tag-pill.active span{background:#22d3ee40;color:#e0f2fe}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:56px 24px;border:1px dashed rgba(148,163,184,.25);border-radius:16px;background:#0f172a66}.empty-state .empty-icon{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#22d3ee2e,#a78bfa2e);color:var(--cyan, #22d3ee);font-size:1.25rem}.empty-state h3{margin:0;font-size:1.15rem;color:var(--text, #e2e8f0)}.empty-state p{margin:0;color:var(--muted, #94a3b8);max-width:520px}@media(min-width:720px){.services-toolbar{flex-direction:row;align-items:center;justify-content:space-between}.services-search{flex:0 0 320px}.services-tag-filter{justify-content:flex-end;flex:1}}@media(max-width:480px){.page-hero{padding:64px 0 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-panel:after,.hero-badge,.scroll-progress{animation:none!important}}