@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#0d1a26;color:#e0e0e0;padding:2rem;margin:0}:root{--accent: #00bfa5;--accent-foreground: #062226;--glass-bg: linear-gradient(180deg, rgba(15,31,46,.48), rgba(15,31,46,.28));--glass-border: rgba(255,255,255,.06);--glass-elev: 0 10px 28px rgba(2,8,12,.45);--icon-color: #e6fff6;--muted-text: #9fbfb3}.top-progress{height:4px;width:100%;position:relative;overflow:hidden;background:transparent}.top-progress .top-progress-bar{position:absolute;left:0;top:0;bottom:0;width:100%;transform:translate(-100%);background:linear-gradient(90deg,#00bfa5e6,#36a2ebf2);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.top-progress .top-progress-stripe{position:absolute;left:-30%;top:0;bottom:0;width:30%;background:linear-gradient(90deg,#ffffff1f,#ffffff0f);transform:skew(-25deg) translate(-100%);opacity:.9}.top-progress.active .top-progress-bar{transform:translate(0)}.top-progress.active .top-progress-stripe{animation:top-progress-stripe 1.2s linear infinite;transform:skew(-25deg) translate(0)}@keyframes top-progress-stripe{0%{transform:skew(-25deg) translate(-120%)}to{transform:skew(-25deg) translate(220%)}}body.theme-light{--accent: #00bfa5;--accent-foreground: #083d36;--glass-bg: linear-gradient(180deg, rgba(241,255,250,.86), rgba(241,255,250,.72));--glass-border: rgba(11,124,117,.12);--glass-elev: 0 8px 24px rgba(6,51,45,.07);--icon-color: #063b33;--muted-text: #2e8f83}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);color:inherit;border-radius:8px}body.theme-light{background-color:#effff7;background-image:linear-gradient(180deg,#f6fffb,#e7fff3);background-attachment:fixed;color:#0d1a26}body.theme-light .server-list-item,body.theme-light .add-user-form,body.theme-light .modal-content,body.theme-light .dashboard-card,body.theme-light .infographic-card,body.theme-light .status-stacked-section,body.theme-light .settings-content .tab-panel{background:linear-gradient(180deg,#ffffffeb,#fffc),radial-gradient(1200px 400px at 50% -100px,#00bfa51a,#00bfa500);border-color:#dbe5ef;color:#0d1a26;box-shadow:0 6px 18px #0000000f,inset 0 1px #ffffffa6}body.theme-light .settings-page .tab-panel,body.theme-light .dashboard-card,body.theme-light .server-list-item,body.theme-light .account-card,body.theme-light .infographic-card{border-color:#e2f2ee}body.theme-light .settings-content{background:transparent;border:0!important;box-shadow:none}body.theme-light .status-stacked-section .section-header{background:linear-gradient(180deg,#ffffffb3,#ffffff8c),linear-gradient(90deg,#93f9e038,#93f9e01f);color:#064e3b;border-color:#bff4ea;box-shadow:0 6px 24px #06332d0f,inset 0 1px #ffffffa6;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}body.theme-light .status-stacked-section .section-header .section-text,body.theme-light .status-stacked-section .section-header .section-indicators,body.theme-light .status-stacked-section .section-header .section-icon{color:#064e3b;opacity:1}body.theme-light .db-status{background:linear-gradient(180deg,#ffffffb3,#ffffff8c),linear-gradient(90deg,#93f9e04d,#93f9e02e);border-color:#bff4ea;color:#06332d;box-shadow:0 10px 28px #06332d14,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}body.theme-light .db-status .db-status-row,body.theme-light .db-status .db-status-row span{color:#06332d;opacity:1}body.theme-light .db-status .db-status-row strong{color:#005f54;opacity:1}body.theme-light .status-stacked-section{background:linear-gradient(180deg,#fff9,#ffffff73),linear-gradient(90deg,#93f9e033,#93f9e01a);border-color:#bff4ea;box-shadow:0 10px 28px #06332d0f,inset 0 1px #ffffffa6;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}body.theme-light .settings-content .tab-panel,body.theme-light .dashboard-card,body.theme-light .infographic-card,body.theme-light .account-card,body.theme-light .server-list-item,body.theme-light .stat-card{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#93f9e038,#93f9e01f);border:1px solid #bff4ea;box-shadow:0 8px 24px #06332d12,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}body.theme-light .dashboard-card,body.theme-light .infographic-card,body.theme-light .account-card,body.theme-light .server-list-item,body.theme-light .stat-card{color:#082a24}body.theme-light .stat-card.as-button,body.theme-light .dashboard-top-grid .stats-banner .stat-card.as-button{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#93f9e038,#93f9e01f);border:1px solid #bff4ea;color:#082a24;box-shadow:0 8px 24px #06332d12,inset 0 1px #ffffffb3}body.theme-light .stat-card.as-button:hover,body.theme-light .dashboard-top-grid .stats-banner .stat-card.as-button:hover{border-color:#a9efe3;box-shadow:0 10px 26px #06332d1a,inset 0 1px #ffffffc7}body.theme-light .stat-card.as-button svg{opacity:.95}body.theme-light .stat-card span{color:#0b3d35;font-weight:600;opacity:.96}body.theme-light .stat-card strong{color:#063b33;font-weight:700}body.theme-light .admin-search,body.theme-light .user-search{background:linear-gradient(180deg,#ffffffb3,#ffffff8c),linear-gradient(90deg,#93f9e047,#93f9e029);border:1px solid #bff4ea;box-shadow:0 8px 20px #06332d0f,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);color:#082a24}body.theme-light .admin-search .search-icon,body.theme-light .user-search .search-icon{color:#0b7467;opacity:.95}body.theme-light .admin-search-input,body.theme-light .user-search-input{color:#082a24}body.theme-light .admin-search-input::placeholder,body.theme-light .user-search-input::placeholder{color:#2e8f83;opacity:.85}body.theme-light .user-filters .filter-select,body.theme-light select.filter-select{background:linear-gradient(180deg,#ffffffb3,#ffffff80),linear-gradient(90deg,#93f9e03d,#93f9e024);color:#082a24;border:1px solid #bff4ea;box-shadow:0 6px 18px #06332d0f,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}body.theme-light .user-filters .filter-select:hover,body.theme-light select.filter-select:hover{background:linear-gradient(180deg,#fffc,#ffffff94),linear-gradient(90deg,#93f9e04d,#93f9e02e)}body.theme-light .user-filters .filter-select:focus,body.theme-light select.filter-select:focus,body.theme-light .admin-search-input:focus,body.theme-light .user-search-input:focus{outline:none;box-shadow:0 0 0 3px #93f9e059,0 6px 18px #06332d0f,inset 0 1px #ffffffbf}body.theme-light .settings-tabs{background:transparent;border-color:transparent}body.theme-light .settings-tabs .tab-btn{color:#064e3b;background:#f9fffd;border-color:#cfe9e2}body.theme-light .settings-tabs .tab-btn.active{background:linear-gradient(135deg,#00bfa533,#00bfa514);color:#065f46;border-color:#00bfa573}body.theme-light .form-grid input,body.theme-light .form-grid textarea,body.theme-light .form-grid select{background:#e2f7e652;color:#0d1a26;border-color:#cbd5e1}body.theme-light .btn{background:#f7fffc;color:#0d1a26;border-color:#cfe9e2}body.theme-light .btn.primary{background:#0b7285;color:#fff;border-color:#0b7285}body.theme-light .settings-status{background:#00bfa51f;color:#065f46;border-color:#00bfa54d}body.theme-light .user-table thead{background:linear-gradient(180deg,#fffc,#ffffff9e),linear-gradient(90deg,#93f9e03d,#93f9e01f);border-bottom:1px solid #cfe9e2}body.theme-light .user-table thead th{color:#0b3d35;font-weight:800}body.theme-light .user-table tbody tr{border-bottom-color:#e6eef6}body.theme-light .user-table tbody tr.clickable-row:hover{background-color:#00bfa51f;transform:translate(2px)}body.theme-light .modal-backdrop{background-color:#0006}body.theme-light .modal-content{background:linear-gradient(180deg,#ffffff80,#ffffff57),radial-gradient(1000px 400px at 50% -120px,#00bfa529,#00bfa500);border:1px solid #bff4ea;box-shadow:0 22px 50px #06332d1f,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);color:#082a24}body.theme-light .modal-content.info-modal{background:linear-gradient(180deg,#ffffff80,#ffffff57),radial-gradient(1000px 400px at 50% -120px,#00bfa51a,#00bfa500);border:1px solid rgba(11,124,117,.14);box-shadow:0 16px 36px #06332d14,inset 0 1px #ffffffb8;-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);color:#082a24}body.theme-light .modal-content h3{color:#0b3d35;border-bottom-color:#dff4ee}body.theme-light .modal-title .modal-subtitle{color:#0e6b5f}body.theme-light .modal-form label{color:#0f3d37}body.theme-light .add-user-form h4{color:#063b33;text-shadow:0 1px 0 rgba(255,255,255,.75)}body.theme-light .add-user-form label{color:#0b3d35;font-weight:700;letter-spacing:.2px}body.theme-light .add-user-form .form-group label+.glass-select .glass-select-button{border-color:#bff4ea}body.theme-light .add-user-form .form-group label{margin-bottom:2px}body.theme-light .modal-content .modal-form input,body.theme-light .modal-content .modal-form select,body.theme-light .modal-content .modal-form textarea,body.theme-light .add-user-form input,body.theme-light .add-user-form select,body.theme-light .add-user-form textarea{background:linear-gradient(180deg,#ffffffeb,#ffffffc7),linear-gradient(90deg,#93f9e02e,#93f9e01a);border:1px solid #bff4ea!important;color:#082a24;box-shadow:inset 0 1px #fffc,0 2px 10px #06332d0d}body.theme-light .modal-content .modal-form input::placeholder,body.theme-light .modal-content .modal-form textarea::placeholder,body.theme-light .add-user-form input::placeholder,body.theme-light .add-user-form textarea::placeholder{color:#0d1a2661}body.theme-light .modal-content .modal-form input:focus,body.theme-light .modal-content .modal-form select:focus,body.theme-light .modal-content .modal-form textarea:focus,body.theme-light .add-user-form input:focus,body.theme-light .add-user-form select:focus,body.theme-light .add-user-form textarea:focus{outline:none;border-color:#79f1dd!important;box-shadow:0 0 0 3px #93f9e066,inset 0 1px #ffffffd9}.general-group .theme-field{margin-bottom:.6rem}.general-group .logo-field{margin-top:.4rem}body.theme-light .permission-label{background:linear-gradient(180deg,#ffffffb3,#ffffff8c);border:1px solid #e5f7f2;color:#0f3d37}body.theme-light .permission-label:hover{border-color:#bff4ea;box-shadow:0 0 0 2px #93f9e059 inset}body.theme-light .permission-label input[type=checkbox]{accent-color:#00bfa5}body.theme-light .modal-header .avatar-preview{border-color:#00000014;box-shadow:0 8px 24px #06332d1f}body.theme-light .header-reset-btn{background:#e74c3c38;color:#7b1e1e;border:1px solid rgba(231,76,60,.38);box-shadow:0 3px 10px #e74c3c1f,inset 0 1px #ffffffd9}body.theme-light .header-reset-btn svg{color:#7b1e1e}body.theme-light .header-reset-btn:hover{background:#e74c3c4d;border-color:#e74c3c75}body.theme-light .account-card .account-avatar:after{box-shadow:0 4px 12px #02080c2e,0 0 8px #00bfa50d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(2px) saturate(1.03);backdrop-filter:blur(2px) saturate(1.03)}body.theme-light .modal-actions .btn-secondary{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#93f9e024,#93f9e014);color:#082a24;border:1px solid #cfe9e2;box-shadow:0 8px 20px #06332d14,inset 0 1px #fffc}body.theme-light .modal-actions .btn-secondary:hover{background:linear-gradient(180deg,#fffc,#fff9),linear-gradient(90deg,#93f9e02e,#93f9e01a);box-shadow:0 10px 24px #06332d1a,inset 0 1px #ffffffd9}body.theme-light .modal-actions .btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #93f9e066,0 10px 24px #06332d1a,inset 0 1px #ffffffd9}body.theme-light .modal-actions .submit-btn{background:linear-gradient(180deg,#ffffff8c,#ffffff61),linear-gradient(90deg,#00bfa559,#00bfa52e);color:#064e3b;border:1px solid rgba(0,191,165,.45);box-shadow:0 10px 26px #06332d1f,inset 0 1px #ffffffd9}body.theme-light .modal-actions .submit-btn:hover{background:linear-gradient(180deg,#ffffffa6,#ffffff75),linear-gradient(90deg,#00bfa573,#00bfa542)}body.theme-light .modal-actions .submit-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #00bfa573,0 10px 26px #06332d1f,inset 0 1px #ffffffd9}body.theme-light .dashboard-card{border-color:#d4efe7}body.theme-light .dashboard-card-title{color:#0d1a26}body.theme-light .dashboard-card-foot{color:#2a4a48}.feature-indicator{font-size:.72rem;font-weight:600;letter-spacing:.4px;padding:4px 8px;border-radius:14px;background:#ffffff10;border:1px solid #ffffff26;color:#c8fff4;align-self:center;display:inline-flex;gap:4px}body.theme-light .feature-indicator{background:#0d1a260d;border-color:#0d1a2618;color:#085e4e}body.theme-light .feature-indicator.enabled{background:#00bfa51f;border-color:#00bfa538;color:#00e6c1}body.theme-light .feature-indicator.disabled{background:#ffbf0014;border-color:#ffbf0030;color:#ffdd7a}.status-users-modal.is-refreshing{position:relative;opacity:.55;transition:opacity .25s ease}.status-users-modal.is-refreshing .refresh-banner{position:absolute;top:0;left:0;right:0;padding:6px 10px;font-size:.7rem;background:linear-gradient(90deg,#00bfa533,#08f3);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);letter-spacing:.5px;text-transform:uppercase;font-weight:600;display:flex;gap:.5rem}body.theme-light .status-users-modal.is-refreshing .refresh-banner{background:linear-gradient(90deg,#00bfa51f,#0088ff1f);color:#0d1a26}.refresh-legend-badge{align-self:flex-end;margin-top:-6px;margin-bottom:6px;font-size:.72rem;font-weight:700;letter-spacing:.4px;color:#c8fff4;background:#00bfa51f;border:1px solid #00bfa538;padding:3px 8px;border-radius:999px;display:inline-flex}body.theme-light .refresh-legend-badge{color:#007f6a;background:#00bfa512;border-color:#00bfa525}body.theme-light .server-list-item{border-color:#d9efe9}body.theme-light .server-name{color:#064e3b;text-shadow:0 1px 0 rgba(255,255,255,.35)}body.theme-light .server-details{color:#0e4b43;opacity:.92}body.theme-light .server-meta-item{color:#134e48}body.theme-light .server-meta-item strong{color:#0b6b60}body.theme-light .server-meta-item .meta-icon{color:#0a8f7e}body.theme-light .copy-btn{border-color:#00bfa559;color:#0f3d37;background:#ffffff59;box-shadow:inset 0 1px #ffffffa6}body.theme-light .copy-btn:hover{background:#00bfa529}body.theme-light .nav-link{color:#5a6a73}body.theme-light .nav-link:hover{background:#00bfa51a;border-color:#00bfa540}body.theme-light .nav-link.active,body.theme-light .nav-link[aria-current=page]{background:linear-gradient(135deg,#00bfa533,#00bfa514);color:#064e3b;border-color:#00bfa559;box-shadow:0 0 0 2px #00bfa51a inset}body.theme-light .chip{background:#00000008;border-color:#0000000f;color:#064e3b}body.theme-light .chip-mini{background:#00bfa51f;border-color:#00bfa53d;color:#0c6b5c}body.theme-light .chip-basic{background:#0088ff1f;border-color:#0088ff38;color:#0d50a5}body.theme-light .chip-unlimited{background:#ffd70024;border-color:#ffd70042;color:#6a5600}body.theme-light .chip-active{background:#28a74524;border-color:#28a74542;color:#125f2a}body.theme-light .chip-soon{background:#ffc10724;border-color:#ffc10742;color:#7a5a00}body.theme-light .chip-expired{background:#dc354524;border-color:#dc354542;color:#7a1c26}body.theme-light .form-grid label span{color:#0f3d37}body.theme-light .form-grid input::placeholder,body.theme-light .form-grid textarea::placeholder{color:#0d1a2659}body.theme-light .modal-content{background:linear-gradient(180deg,#fffffffa,#ffffffe6),radial-gradient(1000px 400px at 50% -120px,#00bfa51f,#00bfa500);border-color:#dbe5ef;box-shadow:0 16px 40px #0000001f,inset 0 1px #ffffffa6}.app-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1 auto;display:block}.stat-banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0 1.25rem;align-items:center}.stat-banner{padding:.72rem .85rem;border-radius:10px;text-align:left;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--icon-color);box-shadow:var(--glass-elev)}.stat-banner .stat-label{font-size:.78rem;color:#e6fffae6;font-weight:700;margin-bottom:4px}.stat-banner .stat-value{font-size:1.02rem;font-weight:700;color:#dffcf0}.stat-banner .stat-label svg{vertical-align:middle;color:var(--icon-color)}.stat-banner .stat-value{display:flex;align-items:center;gap:8px;color:#063b33;font-weight:700}.stat-banner .stat-value{font-weight:400}.stat-banner .stat-value .stat-amount{color:#bff6d8;font-weight:400}.stat-banner .stat-value .stat-currency{color:#bfeaff;font-weight:400}.stat-banner .stat-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}body.theme-light .stat-banner{background:linear-gradient(180deg,#ffffffb8,#fff9),linear-gradient(90deg,#93f9e038,#93f9e01f);border:1px solid #bff4ea;color:#083d36;box-shadow:0 10px 26px #06332d0f}body.theme-light .stat-banner{background:linear-gradient(180deg,#fffffff2,#ffffffe6);border:1px solid rgba(11,124,117,.14);color:#063b33}body.theme-light .stat-banner .stat-label{color:#0b3d35;opacity:.95}body.theme-light .stat-banner .stat-value{color:#064e3b}body.theme-light .stat-banner .stat-value .stat-amount{color:#0b6b5c;font-weight:700}body.theme-light .stat-banner .stat-value .stat-currency{color:#0d50a5;font-weight:600}.duration-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.duration-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.duration-buttons button{background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:inherit;padding:.45rem .65rem;border-radius:8px;cursor:pointer;font-weight:700}.duration-buttons button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000052}.date-pickers{display:flex;gap:.6rem;align-items:center}.date-pickers label{font-size:.85rem;color:inherit}.date-pickers input[type=date]{background:transparent;border:1px solid rgba(255,255,255,.06);padding:10px 40px 10px 12px;border-radius:8px;color:inherit;font-weight:700;font-size:.95rem;line-height:1}.date-pickers input[type=date]:focus{outline:none;box-shadow:0 0 0 4px #00bfa524;border-color:#00bfa573}body.theme-light .date-pickers input[type=date]{border:1px solid rgba(11,124,117,.12);background:linear-gradient(180deg,#fffffff2,#ffffffe6)}body.theme-light .date-pickers input[type=date]:focus{box-shadow:0 0 0 4px #0b7c7524;border-color:#0b7c7573}.date-pickers label{position:relative;display:inline-flex}.date-pickers .date-input-wrapper{position:relative;display:inline-flex;align-items:center}.date-pickers .date-input-wrapper .date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;display:inline-block;color:var(--icon-color);opacity:.95}.date-pickers .date-input-wrapper .date-icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.calendar-wrapper{background:#ffffff05;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.calendar-wrapper .rdp{background:transparent;color:inherit}.calendar-wrapper .rdp-months{display:block}.calendar-wrapper .rdp-calendar{border:none;background:transparent}.calendar-wrapper .rdp-day_selected,.calendar-wrapper .rdp-day_selected:focus{background:linear-gradient(90deg,#00bfa5,#38c18f);color:#062226;border-radius:6px}.calendar-wrapper .rdp-day_range_middle{background:#00bfa524;border-radius:0}.calendar-wrapper .rdp-day{padding:8px;border-radius:6px}body.theme-light .calendar-wrapper{background:linear-gradient(180deg,#ffffffeb,#ffffffe0);border:1px solid #dff4ee}.financial-month-details{margin-top:1rem;padding:.9rem 1rem;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04)}body.theme-light .financial-month-details{background:linear-gradient(180deg,#ffffffeb,#ffffffdb);border:1px solid #dff4ee;color:#083d36}.monthly-table-section{padding:1rem;border-radius:8px}.monthly-table-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:#f1f7f6;font-size:1.05rem}.monthly-table-section h3 svg{width:20px;height:20px;color:var(--icon-color);flex:0 0 auto}.monthly-table{width:100%;border-collapse:collapse;min-width:0}.monthly-table{--monthly-table-font-size: .92rem}.monthly-table.small-font{--monthly-table-font-size: .7rem}.monthly-table thead th{text-align:left;font-weight:700;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.06);color:#ffffffeb;font-size:var(--monthly-table-font-size)}.monthly-table tbody td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle;font-size:var(--monthly-table-font-size)}.monthly-table tbody tr:hover{background:#ffffff05}body.theme-light .monthly-table thead th{border-bottom-color:#0b7c751f}body.theme-light .monthly-table tbody td{border-bottom-color:#0b7c750f}body:not(.theme-light) .monthly-table .table-currency{color:#bfeaff}.monthly-table tfoot td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.06);vertical-align:middle}.monthly-table tfoot td strong{font-weight:700}.monthly-table tfoot td:first-child{color:#ffffffeb}body.theme-light .monthly-table tfoot td{background:linear-gradient(180deg,#fffffffa,#fffffff5);border-top-color:#0b7c7514;color:#083d36}body.theme-light .monthly-table tfoot td:first-child{color:#063b33;font-weight:800}body.theme-light .monthly-table tfoot td:nth-child(n+3){color:#0b6b5c;font-weight:700}.app-footer{margin-top:10px;padding:.45rem .9rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;gap:.55rem;font-size:.78rem;letter-spacing:.35px;color:#cfeee8;background:#0f1f2e38;border-radius:10px}.app-footer .footer-text{font-weight:600;opacity:.85}.app-footer .footer-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;text-decoration:none;font-weight:700;color:#00e6c1;background:#00bfa524;padding:3px 10px;border-radius:999px;border:1px solid rgba(0,191,165,.3);transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease,border-color .16s ease,color .16s ease;box-shadow:0 2px 8px #00bfa540,inset 0 1px #ffffff0f}.app-footer .footer-link:hover{background:#00bfa542;transform:translateY(-2px);box-shadow:0 6px 16px #00bfa559,inset 0 1px #ffffff1a;border-color:#00bfa566}.app-footer .footer-link:focus-visible{outline:none;box-shadow:0 0 0 3px #00bfa559}.app-footer .footer-link .tg-icon{width:14px;height:14px;opacity:.95}body.theme-light .app-footer{background:#9be3c912;color:#d9f6ee}body.theme-light .app-footer .footer-text{color:#064e3b}body.theme-light .app-footer .footer-link{color:#065f46;background:#00bfa52e;border-color:#00bfa561;box-shadow:0 2px 10px #00bfa538,inset 0 1px #fffc}body.theme-light .app-footer .footer-link:hover{background:#00bfa542;border-color:#00bfa573;box-shadow:0 6px 16px #00bfa547,inset 0 1px #ffffffd9}body.theme-light .app-footer .footer-link:focus-visible{box-shadow:0 0 0 3px #00bfa566,0 2px 10px #00bfa538}@media (max-width: 640px){.app-footer{flex-wrap:nowrap;justify-content:center;text-align:center;gap:.5rem;padding:.5rem .75rem;font-size:.75rem}}body.theme-light .app-footer .footer-version{color:#064e3b!important;opacity:.95!important;font-weight:600}.financial-grid{display:grid;grid-template-columns:50% 50%;gap:1rem;align-items:start}.financial-grid .financial-summary,.financial-grid .monthly-table-section{width:100%;min-width:0;display:flex;flex-direction:column;gap:1rem;padding:1rem}.chart-wrapper{width:100%;padding:0}.financial-summary .chart-wrapper>div,.financial-summary .chart-wrapper canvas,.financial-summary .chart-wrapper>div>canvas{width:100%!important;max-width:100%!important;box-sizing:border-box;height:auto!important}.financial-summary{padding-right:1rem;box-sizing:border-box;border-right:1px solid rgba(255,255,255,.04)}body.theme-light .financial-summary{border-right-color:#0b7c751f}.financial-summary .chart-wrapper{flex:1 1 auto;display:block}.monthly-table-section{padding-left:1rem;box-sizing:border-box}.monthly-table-section>h3{margin-top:0}.financial-summary h3,.monthly-table-section h3{margin:0 0 .75rem}.table-scroll{overflow-x:auto;overflow-y:auto;max-height:520px}@media (max-width: 900px){.financial-grid{grid-template-columns:1fr}.monthly-table{min-width:520px}}.monthly-table thead th{background:#0a141ce0;-webkit-backdrop-filter:blur(6px) saturate(1.03);backdrop-filter:blur(6px) saturate(1.03);position:sticky;top:0;z-index:6;color:#fffffff0;padding:10px 12px;font-size:.95rem}body.theme-light .monthly-table thead th{background:#fffffffa;color:#083d36}body.theme-light .monthly-table-section h3{color:#0b3d35;background:linear-gradient(180deg,#fffffffa,#fffffff5);padding:8px 12px;border-radius:6px;border:1px solid rgba(11,124,117,.08)}.thead-icon{display:inline-flex;width:16px;height:16px;margin-right:8px;vertical-align:middle;color:var(--icon-color)}.thead-icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.monthly-table{min-width:0}.monthly-table tfoot td{background:transparent}.monthly-table thead th:nth-child(3),.monthly-table thead th:nth-child(4),.monthly-table thead th:nth-child(5),.monthly-table thead th:nth-child(6),.monthly-table tbody td:nth-child(3),.monthly-table tbody td:nth-child(4),.monthly-table tbody td:nth-child(5),.monthly-table tbody td:nth-child(6),.monthly-table tfoot td:nth-child(3),.monthly-table tfoot td:nth-child(4),.monthly-table tfoot td:nth-child(5),.monthly-table tfoot td:nth-child(6){white-space:nowrap}.monthly-table tbody td:nth-child(2),.monthly-table thead th:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-table thead th .abbr{display:none!important}.monthly-table thead th .full{display:inline!important}@media (max-width: 720px){.monthly-table{table-layout:fixed;width:100%;min-width:0;--monthly-table-font-size: .82rem}.monthly-table thead th,.monthly-table tbody td,.monthly-table tfoot td{font-size:var(--monthly-table-font-size);padding:6px 8px}.monthly-table thead th:nth-child(1),.monthly-table tbody td:nth-child(1),.monthly-table tfoot td:nth-child(1){width:12%}.monthly-table thead th:nth-child(2),.monthly-table tbody td:nth-child(2),.monthly-table tfoot td:nth-child(2){width:13%}.monthly-table thead th:nth-child(3),.monthly-table tbody td:nth-child(3),.monthly-table tfoot td:nth-child(3){width:5%}.monthly-table thead th:nth-child(4),.monthly-table tbody td:nth-child(4),.monthly-table tfoot td:nth-child(4){width:5%}.monthly-table thead th:nth-child(5),.monthly-table tbody td:nth-child(5),.monthly-table tfoot td:nth-child(5){width:5%}.monthly-table thead th:nth-child(6),.monthly-table tbody td:nth-child(6),.monthly-table tfoot td:nth-child(6){width:31%}.monthly-table tbody td:nth-child(2){overflow:hidden;text-overflow:ellipsis}}@media (max-width: 720px){.monthly-table thead th .abbr{display:inline!important}.monthly-table thead th .full{display:none!important}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header h2{display:flex;align-items:center;gap:.5rem}.header h2 .title-icon{display:inline-flex;align-items:center;margin-right:.25rem;opacity:.95;color:#00e6c1}body.theme-light .header h2 .title-icon{color:#079f8b}.add-server-btn{background-color:#00bfa5;color:#000;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:800;font-size:1rem;cursor:pointer;transition:background-color .2s,transform .15s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:.55rem}.add-server-btn:hover{background-color:#00a088;transform:translateY(-1px);box-shadow:0 10px 24px #00a08859}.add-server-btn:active{transform:translateY(0)}body.theme-light .add-server-btn{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#00bfa552,#00bfa52e);color:#064e3b;border:1px solid rgba(0,191,165,.45);box-shadow:0 10px 26px #06332d1a,inset 0 1px #ffffffd9;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}body.theme-light .add-server-btn .btn-icon{display:inline-flex;align-items:center}body.theme-light .add-server-btn:hover{background:linear-gradient(180deg,#ffffffc7,#ffffff94),linear-gradient(90deg,#00bfa561,#00bfa538);box-shadow:0 12px 28px #06332d1f,inset 0 1px #ffffffe0}body.theme-light .add-server-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #00bfa573,0 12px 28px #06332d1f,inset 0 1px #ffffffe0}.add-server-form{background-color:#122333;padding:1.5rem;border-radius:8px;border:1px solid #1a3245;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.add-server-form h3{margin:0 0 .5rem;text-align:center}.add-server-form input{background-color:#0d1a26;border:1px solid #1a3245;color:#e0e0e0;padding:.75rem;border-radius:4px;font-size:1rem}.add-server-form button{background-color:#00bfa5;border:none;padding:.75rem;border-radius:4px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .2s}body.theme-light .add-server-form{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#93f9e038,#93f9e01f);border:1px solid #bff4ea;box-shadow:0 8px 24px #06332d12,inset 0 1px #ffffffb3;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);color:#082a24}body.theme-light .add-server-form h3{color:#063b33;text-shadow:0 1px 0 rgba(255,255,255,.75)}body.theme-light .add-server-form input{background:linear-gradient(180deg,#ffffffeb,#ffffffc7),linear-gradient(90deg,#93f9e02e,#93f9e01a);border:1px solid #bff4ea!important;color:#082a24;box-shadow:inset 0 1px #fffc,0 2px 10px #06332d0d}body.theme-light .add-server-form input::placeholder{color:#0d1a2661}body.theme-light .add-server-form input:focus{outline:none;border-color:#79f1dd!important;box-shadow:0 0 0 3px #93f9e066,inset 0 1px #ffffffd9}.add-server-form .form-buttons{position:relative;border-top:0}.add-server-form .form-buttons:before{content:"";position:absolute;left:0;right:0;top:-.75rem;height:1px;background:linear-gradient(90deg,#fff0,#fff3,#fff0)}body.theme-light .add-server-form .form-buttons:before{background:linear-gradient(90deg,#0000,#06332d2e,#0000)}.add-server-form .form-buttons button{height:56px;min-height:56px;padding:0 1rem;font-size:1.03rem;border-radius:8px;box-sizing:border-box}body.theme-light .add-server-form .cancel-btn{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#93f9e024,#93f9e014);color:#082a24;border:1px solid #cfe9e2;box-shadow:0 8px 20px #06332d14,inset 0 1px #fffc}body.theme-light .add-server-form .cancel-btn:hover{background:linear-gradient(180deg,#fffc,#fff9),linear-gradient(90deg,#93f9e02e,#93f9e01a);box-shadow:0 10px 24px #06332d1a,inset 0 1px #ffffffd9}body.theme-light .add-server-form button[type=submit]{background:linear-gradient(180deg,#ffffff8c,#ffffff61),linear-gradient(90deg,#00bfa559,#00bfa52e);color:#064e3b;border:1px solid rgba(0,191,165,.45);box-shadow:0 10px 26px #06332d1f,inset 0 1px #ffffffd9}body.theme-light .add-server-form button[type=submit]:hover{background:linear-gradient(180deg,#ffffffa6,#ffffff75),linear-gradient(90deg,#00bfa573,#00bfa542)}.settings-content .tab-panel{background:#102433;border:1px solid #1a3245;border-radius:8px;padding:1rem}.settings-status{margin-bottom:12px;padding:8px 12px;background:#00bfa51f;border:1px solid rgba(0,191,165,.28);color:#eafffb;border-radius:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px}.form-grid label span{color:#d1f5ef;font-weight:700}.form-grid input,.form-grid textarea,.form-grid select{background-color:#0d1a26;border:1px solid #2a4a68;color:#e0e0e0;padding:.6rem .7rem;border-radius:6px;font-size:.95rem}.form-grid label.full{grid-column:1 / -1}.form-grid label.chk{flex-direction:row;align-items:center;gap:8px}.actions{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #2a4a68;border-radius:6px;background:#0f1e2b;color:#e0eff3;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,background-color .14s ease,border-color .14s ease,color .14s ease;will-change:transform,box-shadow;text-decoration:none}.btn.primary{background:#0b7285;color:#fff;border-color:#0b7285}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #02080c5c}.btn:active:not(:disabled){transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 6px #00bfa514}.btn.primary:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 12px 34px #04161252}.btn.primary:active:not(:disabled){transform:translateY(0) scale(.999)}.btn:disabled,.btn[disabled]{transform:none!important;box-shadow:none!important}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}}@media (min-width: 721px){.form-grid .theme-field,.form-grid .auto-logout-field,.form-grid .show-tooltips-field{grid-column:1 / 2}.form-grid .logo-field{grid-column:1 / -1}.form-grid .auto-group-wrapper{grid-column:2 / 3}.form-grid .logo-field.full{grid-column:1 / -1}}.general-group{border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff03,#fff0);padding:12px;border-radius:8px;display:contents}@media (min-width: 721px){.general-group{display:block;padding:12px 14px;margin-bottom:0}.form-grid .logo-field{padding-left:8px}}body.theme-light .general-group{border-color:#0b7c751f;background:linear-gradient(180deg,#f1fffaf5,#f1fffaeb)}.timezone-group{border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff05,#fff0);padding:10px 12px;border-radius:8px;display:block;box-shadow:0 6px 18px #02080c47}.timezone-group .timezone-label{display:block;font-weight:700;color:#dff7f0;margin-bottom:6px}.timezone-group .timezone-select{width:100%}.timezone-group:focus-within{box-shadow:0 0 0 6px #00bfa50f,0 8px 20px #00000047;border-color:#00bfa538}body.theme-light .timezone-group{border-color:#0b7c751f;background:linear-gradient(180deg,#f1fffafa,#f1fffaf0);box-shadow:0 6px 18px #06332d0f,inset 0 1px #ffffffb8}body.theme-light .timezone-group .timezone-label{color:#083d36}.financial-group{border:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#ffffff03,#fff0);padding:12px;border-radius:8px;display:contents}@media (min-width: 721px){.financial-group{display:block;padding:12px 14px;margin-bottom:0}}body.theme-light .financial-group{border-color:#0b7c751f;background:linear-gradient(180deg,#f1fffaf5,#f1fffaeb)}.auto-group{border:1px solid rgba(255,255,255,.04);background:#ffffff05;padding:10px 12px;border-radius:8px;display:block}.auto-group-header{margin-bottom:8px}.auto-group-header strong{display:block;font-size:.98rem;color:#dff7f0}.auto-group-header .auto-group-sub{font-size:.82rem;color:#9fbfb3;margin-top:4px}.auto-group:focus-within{animation:auto-focus-glow .8s ease forwards}@keyframes auto-focus-glow{0%{box-shadow:0 0 #00bfa500;border-color:#ffffff0a}50%{box-shadow:0 0 12px 4px #00bfa50f;border-color:#00bfa538}to{box-shadow:0 0 10px 2px #00bfa50a;border-color:#00bfa529}}body.theme-light .auto-group{border-color:#0b7c751f;background:linear-gradient(180deg,#f1fffafa,#f1fffaf2)}body.theme-light .auto-group-header strong{color:#083d36}body.theme-light .auto-group-header .auto-group-sub{color:#2b6f64}@media (max-width: 640px){.settings-page{gap:.5rem}.settings-tabs{display:flex;gap:.375rem;padding:.375rem;flex-wrap:wrap}.settings-tabs .tab-btn{flex:1 1 calc(50% - .5rem);padding:.5rem .75rem;font-size:.95rem;justify-content:center}.settings-content,.settings-content .tab-panel{padding:.75rem}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}.logo-preview-row{flex-wrap:wrap}}@media (max-width: 360px){.settings-tabs .tab-btn{flex:1 1 100%}}.form-buttons{display:flex;gap:1rem;margin-top:.5rem}.form-buttons button{flex:1}.modal-close{position:absolute;right:10px;top:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:inherit;font-size:1rem;padding:6px;cursor:pointer;border-radius:8px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .14s ease,transform .12s ease,box-shadow .12s ease,border-color .12s ease}.modal-close:hover{background:#ffffff0a;transform:translateY(-1px)}.modal-close:active{transform:translateY(0)}.modal-close:focus-visible{outline:none;box-shadow:0 0 0 4px #00bfa52e;border-color:#00bfa547}body.theme-light .modal-close{background:transparent;border:1px solid rgba(11,124,117,.08);color:#083d36}body.theme-light .modal-close:hover{background:#0b7c750f}.modal-pagination .icon-btn{padding:6px 12px;color:#e6f7f3;background:#ffffff05;border:1px solid rgba(159,217,204,.12);border-radius:999px;font-weight:700;cursor:pointer;min-width:64px;text-align:center;transition:background-color .14s ease,color .12s ease,transform .12s ease,box-shadow .12s ease;box-shadow:inset 0 -1px #0000001f}.modal-pagination .icon-btn:hover{background:#ffffff0a;color:#fff;transform:translateY(-2px)}.modal-pagination .icon-btn:focus-visible{outline:none;box-shadow:0 0 0 6px #00bfa514}.modal-pagination .icon-btn:disabled{opacity:.36;cursor:not-allowed;color:#e6e6e673;background:#ffffff03;border-color:#ffffff0a}.modal-pagination div{align-self:center;color:#cfeee8;font-weight:600;padding:0 .6rem}body.theme-light .modal-pagination .icon-btn{color:#083d36;background:#ffffffeb;border:1px solid rgba(11,124,117,.18)}body.theme-light .modal-pagination .icon-btn:hover{background:#fffffffa;color:#053d34}body.theme-light .modal-pagination div{color:#0b3d35}.quick-renew-wrap{position:relative;display:inline-flex;align-items:center}.quick-renew-toggle{border-radius:8px;padding:6px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:inherit;cursor:pointer}.quick-renew-toggle:hover{transform:translateY(-2px);background:#ffffff0a}.quick-renew-box{position:absolute;left:-6px;top:44px;background:#0f1f2e;border:1px solid #1c3a53;padding:8px;border-radius:8px;box-shadow:0 10px 30px #00000080;z-index:80;min-width:160px}.quick-renew-title{font-size:.82rem;color:#9fcfca;font-weight:700;margin-bottom:6px}.quick-renew-actions{display:flex;gap:6px}.quick-renew-btn{background:transparent;border:1px solid rgba(255,255,255,.06);color:#e6f7f3;padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:700}.quick-renew-btn:hover{background:#ffffff0a;transform:translateY(-2px)}body.theme-light .quick-renew-box{background:#fff;border:1px solid rgba(11,124,117,.14)}body.theme-light .quick-renew-btn{color:#083d36;border-color:#0b7c751f}.quick-renew-box{background:linear-gradient(180deg,#0f1f2e99,#0f1f2e66);-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);border:1px solid rgba(255,255,255,.06)}body.theme-light .quick-renew-box{background:linear-gradient(180deg,#fff6,#ffffff5c);background-color:#fff6;-webkit-backdrop-filter:blur(10px) saturate(1.05);backdrop-filter:blur(10px) saturate(1.05);border:1px solid rgba(13,57,49,.06);box-shadow:0 8px 30px #06332d0f;color:#083d36}.form-buttons .btn-secondary{background:transparent;color:#e0e0e0;border:1px solid rgba(230,230,230,.08);box-shadow:none;padding:.6rem .9rem;border-radius:6px}.form-buttons .btn-secondary:hover{background:#ffffff05}.form-buttons .submit-btn{padding:.6rem .9rem;height:40px;min-height:40px;border-radius:6px}.add-user-form .form-buttons,.modal-form .form-buttons{display:flex;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.add-user-form .form-buttons button,.modal-form .form-buttons button{flex:1;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 .9rem;border-radius:6px;margin:0;font-weight:700}.add-user-form.compact-form .form-buttons button,.modal-form.compact-form .form-buttons button{height:32px;min-height:32px;padding:0 .75rem;font-size:.95rem}.add-user-form .form-buttons .btn-secondary,.modal-form .form-buttons .btn-secondary{background:transparent;color:#e0e0e0;border:1px solid rgba(230,230,230,.08);box-shadow:none}.add-user-form .form-buttons .btn-secondary:hover{cursor:pointer}.add-user-form .form-buttons .btn-secondary,.modal-form .form-buttons .btn-secondary,.modal-actions .btn-secondary{transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,box-shadow .18s ease}.add-user-form .form-buttons .btn-secondary:hover,.modal-form .form-buttons .btn-secondary:hover,.modal-actions .btn-secondary:hover{transform:translateY(-2px) scale(1.02);background-color:#ffffff08;box-shadow:0 6px 14px #4865811f}body.theme-light .add-user-form .form-buttons,body.theme-light .modal-form .form-buttons{border-top-color:#dff4ee}.add-user-form .form-buttons .submit-btn,.modal-form .form-buttons .submit-btn{margin:0}.cancel-btn{background-color:#334e68;color:#e0e0e0}.cancel-btn:hover{background-color:#486581!important}.server-list{list-style:none;padding:0}.list-toolbar{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem}.list-toolbar .flex-spacer{flex:1}.list-toolbar .actions{display:inline-flex;gap:.5rem}.reorder-banner{display:flex;align-items:center;gap:.5rem;padding:10px 12px;border-radius:8px;background:linear-gradient(180deg,#00bfa529,#00bfa51a);border:1px solid rgba(0,191,165,.28);color:#e6fff6;box-shadow:0 8px 24px #02080c3d,inset 0 1px #ffffff0f;margin-bottom:10px}.reorder-banner .banner-icon{color:#00e6c1;opacity:.95;display:inline-flex}body.theme-light .reorder-banner{background:linear-gradient(180deg,#93f9e040,#93f9e024);border-color:#0b7c7538;color:#064e3b}@media (min-width: 1024px){.server-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.server-list>.server-list-item{margin-bottom:0}}.account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.account-card{background-color:#122333;border:1px solid #1a3245;border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:120px;position:relative;cursor:pointer}.account-avatar{width:64px;height:64px;border-radius:999px;background:linear-gradient(135deg,#083a32,#0b5246);display:flex;align-items:center;justify-content:center;color:#e6fff6;font-weight:800;font-size:1.1rem}.account-avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.avatar-preview{width:96px;height:96px;border-radius:999px;overflow:hidden;display:inline-block}.avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.avatar-initials{letter-spacing:.5px}.account-info{text-align:center;margin-top:.5rem}.account-avatar,.avatar-preview{position:relative;z-index:0}.account-avatar:after,.avatar-preview:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 6px);height:calc(100% + 6px);border-radius:999px;pointer-events:none;z-index:0;background:linear-gradient(120deg,#ffffff24,#ffffff0f);border:1px solid rgba(255,255,255,.18);box-shadow:0 6px 12px #02080c6b,0 0 10px #00bfa50f,inset 0 1px #ffffff1f;transition:box-shadow .16s ease,transform .16s ease;-webkit-backdrop-filter:blur(4px) saturate(1.05);backdrop-filter:blur(4px) saturate(1.05)}.account-avatar img,.avatar-preview img,.account-avatar .avatar-initials,.avatar-preview .avatar-initials{position:relative;z-index:1}.account-card:hover .account-avatar:after,.account-card:focus .account-avatar:after,.modal-header .avatar-preview:hover:after{box-shadow:0 14px 40px #02080c73,0 0 46px #00bfa538;transform:translate(-50%,-50%) scale(1.03)}.account-display{font-weight:500;color:#222;font-size:.98rem;letter-spacing:.2px;text-shadow:0 1px 0 rgba(0,0,0,.1),0 2px 8px rgba(0,191,165,.08)}body:not(.theme-light) .account-display{font-weight:200;color:#eafaf1}.account-role{color:#00bfa5;font-size:.92rem;font-weight:500;letter-spacing:.1px;text-shadow:0 1px 0 rgba(0,191,165,.08)}.modal-content.info-modal{background:#0f1f2e52;border:1px solid rgba(0,191,165,.18);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(12px) saturate(1.08);-webkit-backdrop-filter:blur(12px) saturate(1.08);color:#fff}.server-admin-badge{position:absolute;top:8px;right:8px;background:#00bfa51f;color:#00e6c1;border:1px solid rgba(0,191,165,.16);padding:6px 8px;border-radius:6px;font-size:.7rem;display:inline-flex;gap:.5rem;align-items:center;z-index:4}.server-admin-badge strong{font-weight:700;letter-spacing:.4px}.server-admin-count{background:#00bfa52e;color:#052018;padding:0 6px;border-radius:999px;font-weight:800;font-size:.75rem;line-height:1}.account-actions{display:flex;gap:.5rem;margin-top:.75rem}.account-card:focus{outline:3px solid rgba(0,191,165,.25);box-shadow:0 8px 24px #00000080}@media (max-width: 1000px){.account-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.main-title .brand{font-size:1.25rem;color:#f3fffd;text-shadow:0 1px 0 rgba(0,0,0,.25)}.main-title .sub{font-size:.85rem;color:#daf7f1;opacity:.95}.main-nav{order:4;width:100%;margin-top:10px}.nav-link{color:#eaf7f5}.nav-link.active,.nav-link[aria-current=page]{color:#0b3b35}.theme-light .main-title .brand{color:#08343e;text-shadow:none}.theme-light .main-title .sub{color:#2c5961;opacity:.95}body.theme-light .main-header{border-bottom-color:#cfeae4}body.theme-light .nav-link{color:#064e3b;border-color:transparent}body.theme-light .nav-link:hover{background:#00bfa51a;border-color:#00bfa547}body.theme-light .nav-link.active,body.theme-light .nav-link[aria-current=page]{background:linear-gradient(135deg,#00bfa538,#00bfa51a);color:#053d34;border-color:#00bfa559;box-shadow:0 0 0 2px #00bfa514 inset}}@media (max-width: 520px){.modal-backdrop{background-color:#00000073;align-items:flex-start;padding-top:4vh}.modal-content.confirm-modal{align-self:flex-start;margin-top:6vh;max-height:70vh;overflow:hidden}.modal-content.confirm-modal .modal-body{max-height:calc(70vh - 140px);overflow:auto}.infographic-card{grid-template-columns:1fr 1fr;align-items:center;justify-items:stretch;text-align:left;gap:.6rem}.infographic-card .chart{width:100%;max-width:110px;aspect-ratio:1 / 1;height:auto}.infographic-card .donut-svg{width:100%;height:100%}.infographic-card .donut-center-top{font-size:.68rem}.infographic-card .donut-center-value{font-size:1rem}.infographic-card .legend{width:100%}.infographic-card .legend ul{display:grid;grid-template-columns:1fr;gap:.25rem;align-content:start;justify-items:start}.infographic-card .legend li{display:grid;grid-template-columns:12px 1fr auto;gap:.5rem;align-items:center;min-width:0}.infographic-card .legend .legend-color{width:10px;height:10px}.infographic-card .legend .legend-label{font-size:.85rem;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infographic-card .legend .legend-value{font-size:.92rem}.infographic-card .legend .legend-percent{font-size:.8rem}}@media (max-width: 360px){.infographic-card .chart{width:82px;height:82px}.infographic-card .donut-center-top{font-size:.62rem}.infographic-card .donut-center-value{font-size:.92rem}.infographic-card .legend .legend-percent{display:none}}.server-list-item{background-color:#122333;border:1px solid #1a3245;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;position:relative}.server-list-item.draggable{cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .14s ease,transform .12s ease,border-color .12s ease,background-color .12s ease}.server-list-item.draggable:hover{box-shadow:0 10px 24px #00000059;border-color:#00bfa559}.server-list-item.draggable:active{cursor:grabbing;transform:scale(.998)}body.theme-light .server-list-item.draggable:hover{box-shadow:0 10px 24px #06332d1f;border-color:#00bfa559;background:linear-gradient(180deg,#ffffffb8,#ffffff94)}.server-name{font-size:1.2rem;font-weight:700;color:#00bfa5}.server-details{font-size:.9rem;color:#a0a0a0;margin-top:.5rem}.server-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.server-meta-item{color:#cbdfe0;font-size:.85rem}.server-meta-item strong{color:#9fd9cc;font-weight:700;margin-right:.35rem}.server-meta-item .meta-icon{color:#8fd6c8;margin-right:.35rem;display:inline-flex;align-items:center}.copy-btn{margin-left:.4rem;background:transparent;border:1px solid rgba(159,217,204,.25);color:#cfeee8;padding:.1rem .35rem;border-radius:4px;cursor:pointer}.copy-btn:hover{background:#00bfa51f}.user-table tbody tr.row-disabled{opacity:.55}.status-indicator.status-disabled{background:#888}.enable-toggle-btn{border-radius:8px;padding:6px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid rgba(255,255,255,.06);color:#e6f7f3;cursor:pointer}.enable-toggle-btn:hover{transform:translateY(-2px);background:#ffffff0a}.enable-toggle-btn[aria-pressed=true]{background:#00bfa524;border-color:#00bfa547;color:#00e6c1}body.theme-light .enable-toggle-btn{background:#ffffffeb;border-color:#0b7c751f;color:#083d36}body.theme-light .enable-toggle-btn:hover{background:#fffffffa}body.theme-light .enable-toggle-btn[aria-pressed=true]{background:#00bfa529;border-color:#00bfa547;color:#065f46}.pagination{display:flex;gap:.4rem;align-items:center;justify-content:center;margin-top:1rem}.page-btn{background:#0d1a26;color:#d7f1ec;border:1px solid #1a3245;border-radius:6px;padding:.35rem .6rem;cursor:pointer}.page-btn:hover{background:#102433}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:#00bfa52e;border-color:#00bfa559}.server-name-link{text-decoration:none}.server-actions{display:flex;gap:.5rem;position:absolute;top:.6rem;right:.6rem}.server-list-item .server-info{padding-right:3rem}.server-list-item .drag-handle{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#8fd6c8;opacity:.9;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.server-list-item.draggable{padding-left:2.3rem}@media (max-width: 520px){.server-actions{top:.5rem;right:.5rem}.server-list-item .server-info{padding-right:2.6rem}}.admin-link{color:#fff;background-color:#2b6f5d;padding:.5rem .8rem;border-radius:6px;text-decoration:none;font-weight:700}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.admin-header-left{display:flex;align-items:center;gap:.75rem}.admin-header-icon{color:#00bfa5;background:#00bfa51f;border:1px solid rgba(0,191,165,.22);border-radius:8px;padding:.4rem;font-size:1.1rem}.admin-title{margin:0}.admin-subtitle{margin:.15rem 0 0;color:#9fb3ad;font-size:.92rem}.admin-header-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}.add-viewer-btn.icon-btn{width:36px;height:36px;border-radius:50%;color:#00e6c1;background:#00bfa51f;border:1px solid rgba(0,191,165,.22)}.add-viewer-btn.icon-btn:hover{background:#00bfa52e}.admin-search{display:flex;align-items:center;gap:.4rem;background:#0d1a26;border:1px solid #1a3245;border-radius:999px;padding:.35rem .6rem}.admin-search .search-icon{color:#8fbdb6;font-size:.95rem}.admin-search-input{background:transparent;border:none;outline:none;color:#e0e0e0;min-width:220px}@media (max-width: 520px){.admin-search-input{min-width:140px;width:100%}}@media (max-width: 768px){.admin-header{align-items:stretch}.admin-header-actions{margin-left:0;width:100%;justify-content:flex-start}.admin-search{flex:1}.admin-search-input{min-width:0;width:100%}}.header-avatar-overlay{position:absolute;left:-4px;bottom:-4px;width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(6px) saturate(1.05);backdrop-filter:blur(6px) saturate(1.05);cursor:pointer;box-shadow:0 6px 10px #02080c80;transition:transform .14s ease,background-color .12s ease}.header-avatar-overlay:hover{transform:translateY(-2px) scale(1.02)}.header-overlay-icon{display:block}.avatar-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#0a16188c;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);border-radius:10px;padding:6px;box-shadow:0 12px 28px #02080cb3,0 2px 8px #00000059;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:6px;z-index:60;transform-origin:top right;animation:menu-pop .14s cubic-bezier(.2,.9,.3,1)}.avatar-menu:before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#0a16188c;transform:rotate(45deg);border-radius:2px;box-shadow:-2px -2px 6px #00000040}.avatar-menu-item{background:transparent;color:#c8fff4;border:none;text-align:left;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:700;font-size:.95rem;transition:background .12s ease,transform .12s ease;display:flex;align-items:center;gap:10px}.avatar-menu-item:hover{background:linear-gradient(90deg,#ffffff0a,#00bfa50f);transform:translateY(-2px);color:#00e6c1}.avatar-menu-item .menu-icon{width:16px;height:16px;opacity:.95}.avatar-menu-divider{height:1px;background:#ffffff14;margin:2px 6px;border-radius:1px}.avatar-menu-group{display:flex;flex-direction:column;gap:2px;padding:2px 0}.avatar-menu-group .avatar-menu-item[role=menuitemradio]{font-size:.88rem;padding:6px 10px 6px 20px;border-radius:6px}.avatar-menu-group .avatar-menu-item[role=menuitemradio] .menu-icon,.avatar-menu-group .avatar-menu-item[role=menuitemradio] .menu-check{width:14px;height:14px}.avatar-menu-item .menu-check{margin-left:auto;opacity:.95}.avatar-menu-item[role=menuitemradio][aria-checked=true]{background:linear-gradient(90deg,#ffffff0d,#00bfa51a);color:#00e6c1}.avatar-menu-subheader{font-size:.75rem;font-weight:800;letter-spacing:.35px;text-transform:uppercase;color:#c8fff4bf;padding:2px 10px}body.theme-light .avatar-menu-subheader{color:#0d3d36;opacity:.85}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.logout-btn{display:none}.header-avatar{position:relative;width:50px;height:50px;border-radius:50%;padding:1.5px;background-color:#374151;display:inline-grid;place-items:center;box-sizing:border-box;line-height:0;margin-left:.25rem;box-shadow:0 4px 12px #00000026}.header-avatar-img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:50%;display:block}.header-avatar:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 6px);height:calc(100% + 6px);border-radius:50%;pointer-events:none;z-index:0;background:linear-gradient(180deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);box-shadow:inset 0 1px #ffffff47,0 1px 2px #00000014}.header-avatar-img,.header-avatar .header-avatar-overlay{position:relative;z-index:2}.header-avatar-overlay{position:absolute;left:15px;bottom:8px;width:20px;height:20px;border-radius:50%;background:#ffffff7f;color:#062226;backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05);border:1px solid rgba(2,8,12,.06);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background-color .18s ease-in-out;padding:0}.header-avatar-overlay:hover{transform:translateY(-3px) scale(1.03);background:#ffffffe6}.header-avatar-overlay:active{transform:translateY(-1px) scale(.99)}.header-avatar-overlay .header-overlay-icon{color:inherit}.header-avatar-overlay svg{display:block}@media (max-width: 720px){.header-avatar{width:56px;height:56px;padding:1.5px}.header-avatar-img{width:100%;height:100%}.header-avatar-overlay{width:28px;height:28px;left:6px;bottom:6px}}.theme-light .header-avatar{background-color:transparent;box-shadow:0 2px 8px #00000014}.theme-light .header-avatar:after{background:linear-gradient(180deg,#ffffff47,#ffffff1a),radial-gradient(120% 120% at 20% 0%,#00bfa51f,#00bfa500 60%);border:1px solid rgba(0,191,165,.26);backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05);box-shadow:inset 0 1px #ffffff59,0 1px 2px #0000000f}.theme-light .header-avatar-img{box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff0a;border:1px solid rgba(0,0,0,.06)}.admin-link:hover{background-color:#24624f}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#0f1f2e;padding:2rem;border-radius:8px;width:90%;max-width:700px;border:1px solid #1c3a53;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.modal-content .modal-form{display:flex;flex-direction:column;min-height:0}.modal-content .modal-header,.modal-content .form-group{flex:0 0 auto}.modal-content .modal-actions{flex:0 0 auto;margin-top:1rem}@media (min-width: 1025px){.modal-content.add-viewer-wide{max-height:96vh;display:flex;flex-direction:column}.modal-content.add-viewer-wide .modal-form{flex:1 1 auto;min-height:0}.modal-content.add-viewer-wide .permissions-group{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.modal-content.add-viewer-wide .permissions-group .permissions-grid{flex:1 1 auto;overflow:auto}.modal-content.add-viewer-wide{padding:1.25rem}.modal-content.add-viewer-wide .modal-title h3{padding-bottom:.5rem;margin-bottom:.5rem}.modal-content.add-viewer-wide .form-group{gap:.3rem}.modal-content.add-viewer-wide .modal-form label{font-size:.82rem}.modal-content.add-viewer-wide .modal-form input,.modal-content.add-viewer-wide .modal-form select{padding:.5rem .65rem;font-size:.92rem}.modal-content.add-viewer-wide .permissions-grid{gap:.35rem}.modal-content.add-viewer-wide .permission-label{font-size:.78rem;padding:.24rem .4rem}}.modal-content{position:relative}@media (min-width: 1025px){.modal-content.status-users-modal{width:50%;max-width:1100px;max-height:none;display:flex;flex-direction:column;align-self:auto;margin-top:0;background:#0f1f2ed1;border:1px solid rgba(28,58,83,.7);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05)}.modal-content.status-users-modal .modal-body{flex:0 0 auto;min-height:auto;overflow:visible}.modal-content.status-users-modal h3{margin-bottom:.5rem;padding-bottom:.5rem}.modal-content.status-users-modal .user-table.compact{font-size:.85rem}.modal-content.status-users-modal .user-table.compact th,.modal-content.status-users-modal .user-table.compact td{padding:.3rem .45rem}}.modal-content h3{color:#fff;font-weight:600;letter-spacing:.5px;border-bottom:1px solid #1a3245;padding-bottom:.75rem;margin-bottom:.75rem;margin-top:0;white-space:normal;overflow-wrap:anywhere;font-size:1.05rem}.key-management-page{padding:.75rem .5rem}.key-management-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}.key-search{display:flex;gap:.5rem;align-items:center}.key-search .search-input{min-width:260px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:inherit}.key-actions{display:flex;gap:.5rem;align-items:center}.key-table{width:100%;border-collapse:collapse;min-width:0}.key-table thead th{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);font-weight:800;color:var(--icon-color)}.key-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.key-table tbody tr:hover{background:#ffffff05}.key-table .action-btn{background:transparent;border:1px solid rgba(255,255,255,.04);color:inherit;padding:6px 8px;border-radius:6px;cursor:pointer}.key-table .action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000005c}.key-box{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-elev);padding:12px;border-radius:10px;max-width:720px}.key-box .form-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.key-box label{font-weight:700;color:var(--icon-color);min-width:140px}.key-box input[type=text]{flex:1;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:inherit}.key-box .inline-btn{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:transparent;cursor:pointer}.key-box .modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}body.theme-light .key-search .search-input,body.theme-light .key-box input[type=text]{background:linear-gradient(180deg,#fffffff5,#ffffffeb);border:1px solid #dff4ee;color:#083d36}body.theme-light .key-table thead th{color:#064e3b}body.theme-light .key-table .action-btn{border-color:#bff4ea;color:#083d36;background:#ffffffeb}body.theme-light .key-box{background:linear-gradient(180deg,#fffffff5,#ffffffeb);border:1px solid #dff4ee;color:#083d36}@media (max-width: 720px){.key-search .search-input{min-width:100%}.key-box label{min-width:120px}}.modal-title .modal-subtitle{margin-top:.08rem;color:#cfd8dc;font-weight:700;font-size:.98rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.modal-title .modal-subtitle,.modal-title h3{font-family:Inter,Inter Regular,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700}.profile-modal .modal-title{display:flex;flex-direction:column;align-items:flex-start}.profile-modal .modal-title h3,.profile-modal .modal-title .modal-subtitle{margin-left:0;padding-left:0;text-align:left;width:100%}.modal-header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.modal-header .avatar-preview{width:96px;height:96px;border-radius:999px;overflow:visible;border:4px solid rgba(0,0,0,.45);box-shadow:0 6px 18px #00000073;position:relative;box-sizing:border-box}.modal-title h3{margin:0;font-size:1.25rem;font-family:Inter,Inter Regular,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700}.modal-content.edit-sized .modal-title h3{font-size:1.25rem!important;line-height:1.2}.profile-modal .modal-title{width:50%}.profile-modal .modal-title h3{text-transform:none;font-size:clamp(.84rem,2.2vw,.98rem);letter-spacing:.2px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word;padding-bottom:.6rem;margin-bottom:.5rem}.modal-content.admin-profile-edit .modal-title h3{font-size:1.25rem!important;line-height:1.2}@media (max-width: 480px){.profile-modal .modal-title h3{font-size:.86rem;letter-spacing:.1px}@media (max-width: 520px){.header{padding:6px 0}.server-title{font-size:1rem;display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}.server-title svg{width:16px;height:16px}.header>div>div:last-child{gap:6px}.header .btn,.header .back-link,.header .add-viewer-btn{font-size:.92rem;padding:.4rem .7rem}}}@supports (-webkit-touch-callout: none){@media (max-width: 640px){.modal-content.edit-sized{height:100dvh!important;max-height:100dvh!important}.modal-content.edit-user-modal.edit-sized{height:100dvh!important;max-height:100dvh!important;overflow:auto!important;border-radius:0!important;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom))!important}}}@media (max-width: 360px){.profile-modal .modal-title h3{font-size:.82rem}}.modal-content.compact-form{transform:scale(.7);transform-origin:top center;padding:1.5rem;max-width:560px;font-size:1rem}@media (max-width: 640px){.modal-backdrop{align-items:stretch}.modal-content.profile-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:1rem;box-sizing:border-box;overflow:auto}.modal-content.profile-modal .modal-form{max-height:none;overflow:visible}.profile-modal .modal-title{width:100%}.modal-content.profile-modal .modal-header{gap:.75rem;margin-bottom:.75rem}.modal-content.profile-modal .modal-header .avatar-preview{width:72px;height:72px;border-width:3px}.modal-content.profile-modal label{font-size:.85rem}.modal-content.profile-modal input,.modal-content.profile-modal select{padding:.6rem .7rem;font-size:.95rem}.modal-content.profile-modal .form-group{gap:.4rem}}.avatar-camera-btn{position:absolute;right:6px;bottom:6px;width:36px;height:36px;border-radius:50%;background:#fffffff2;color:#222;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;box-shadow:0 6px 12px #00000040;overflow:visible;z-index:6}.avatar-camera-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 18px #00000047}.avatar-camera-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.avatar-camera-btn:focus{outline:none}.avatar-camera-btn:focus-visible{box-shadow:0 0 0 4px #00bfa540;transform:translateY(-2px) scale(1.02);z-index:8}.modal-header .avatar-preview img{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px;box-sizing:border-box;position:relative;z-index:1}.modal-header .avatar-preview{position:relative}.modal-header .avatar-preview .avatar-camera-btn{position:absolute;right:-6px;bottom:-6px}.permissions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.permission-label{display:flex;gap:.4rem;align-items:center;background:#ffffff05;padding:.28rem .45rem;border-radius:6px;cursor:pointer}.modal-content .modal-form .permission-label{font-size:.75rem}.modal-content.compact-form .permission-label{font-size:.65rem;padding:.22rem .4rem;gap:.35rem}.modal-content.compact-form .modal-form{gap:.6rem}.modal-content.compact-form .modal-header{gap:.8rem}.modal-content.compact-form .permissions-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.modal-content.compact-form .permission-label{font-size:.85rem;padding:.35rem .5rem}.permission-label input{margin:0}.readonly-servers-list ul{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.35rem}.readonly-servers-list li{background:#ffffff05;padding:.45rem .7rem;border-radius:6px;font-size:.95rem;color:#e0e0e0;display:flex;align-items:center;gap:.5rem}.readonly-servers-list .server-icon{color:#00c4ab;opacity:.9}.readonly-servers-list .muted{color:#9aa6a6;font-size:.95rem;padding-top:.4rem}@media (max-width: 700px){.permissions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.permissions-grid{grid-template-columns:1fr}}.reset-btn{background:#c43d3d;color:#fff;border:none;padding:.45rem .8rem;border-radius:6px;cursor:pointer}.reset-btn:hover{background:#a63232}.upload-progress{width:100%;height:8px;background:#ffffff0a;border-radius:6px;overflow:hidden;margin-top:.5rem}.upload-progress>.bar{height:100%;width:0%;background:linear-gradient(90deg,#00bfa5,#38c18f);transition:width .2s linear}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-actions button{border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:700;cursor:pointer;font-size:1rem;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0003}.modal-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.modal-actions button{flex:0 0 auto;max-width:none;min-width:0;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 420px){.modal-actions{flex-direction:column-reverse;align-items:stretch}.modal-actions button{width:100%;max-width:100%}}.modal-actions button{box-sizing:border-box;height:44px;padding:0 1rem;white-space:nowrap}.modal-actions .btn-secondary{background-color:#334e68;color:#e0e0e0;border:none}.modal-actions .btn-secondary:hover{background-color:#486581}.modal-actions .submit-btn{background-image:linear-gradient(to right,#00bfa5,#00a088);color:#fff;border:none}.spinner{--size: 16px;display:inline-block;width:var(--size);height:var(--size);position:relative;vertical-align:middle}.spinner.small{--size: 12px}.spinner:before,.spinner:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.spinner:before{width:100%;height:100%;box-sizing:border-box;border:2px solid rgba(255,255,255,.04);animation:pulse-ring 1.4s cubic-bezier(.2,.8,.2,1) infinite}.spinner:after{width:70%;height:70%;box-sizing:border-box;border-radius:50%;border-top:2px solid rgba(0,191,165,.85);border-right:2px solid rgba(255,255,255,.06);border-bottom:2px solid rgba(255,255,255,.06);border-left:2px solid rgba(255,255,255,.06);animation:spin 1.2s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(.9);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.28}to{transform:translate(-50%,-50%) scale(1.25);opacity:0}}.modal-close{position:absolute;right:10px;padding-bottom:.6rem;top:7%;transform:translateY(-50%);padding-bottom:.25rem;border:1px solid rgba(255,91,91,.3);color:#fff;margin-top:auto!important;padding:6px;margin-bottom:.35rem;cursor:pointer;border-radius:10px;height:40px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .14s ease,transform .12s ease,box-shadow .12s ease,border-color .12s ease}.modal-close .modal-content.edit-sized .modal-actions{margin-top:auto;margin-bottom:.35rem}.modal-close svg{width:16px;height:16px}.modal-close:hover{background:linear-gradient(180deg,#ff5b5b42,#ff5b5b29);transform:translateY(calc(-50% - 2px));box-shadow:0 8px 20px #ff5b5b1f}.modal-close:active{transform:translateY(-50%)}.modal-close:focus-visible{outline:none;box-shadow:0 0 0 6px #ff5b5b33;border-color:#ff5b5b66}body.theme-light .modal-close{background:linear-gradient(180deg,#ff5b5b33,#ff5b5b1f);border:1px solid rgba(255,91,91,.2);color:#fff}body.theme-light .modal-close:hover{background:linear-gradient(180deg,#ff5b5b4d,#ff5b5b2e)}.modal-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.5rem;margin-bottom:.5rem;position:sticky;top:0;z-index:30;background:transparent}.modal-title h3{border-bottom:none!important;padding-bottom:0!important;margin:0!important;font-size:1.25rem;font-weight:700;line-height:1.2;white-space:normal;word-break:break-word;color:inherit}.modal-content h3{border-bottom:none!important}.modal-content h3:after{display:none!important}body.theme-light .modal-title h3{color:#ff5b5b!important}.modal-body{overflow:auto;flex:1 1 auto}.modal-busy-overlay .label{color:#fff;font-weight:700}.account-card:hover{box-shadow:0 8px 20px #00000073;transform-origin:center center}.save-toast{position:absolute;top:12px;right:12px;background:#000c;color:#eafff6;padding:.5rem .75rem;border-radius:6px;font-size:.9rem;box-shadow:0 6px 14px #0006;z-index:60;transform-origin:top right;animation:toast-in .22s cubic-bezier(.2,.9,.3,1)}.idle-toast{position:fixed;right:20px;top:20px;z-index:1200;min-width:300px}.idle-toast .idle-toast-body{display:flex;gap:12px;align-items:center;background:#0f1f2eeb;color:#fff;padding:12px 14px;border-radius:10px;box-shadow:0 12px 36px #00000080}.idle-toast .idle-toast-text{flex:1}.idle-toast .idle-toast-sub{font-size:.9rem;opacity:.9;margin-top:4px}.idle-toast .idle-toast-actions{display:flex;gap:8px}.idle-toast .btn,.idle-toast .btn.primary{height:40px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.error-toast{position:absolute;top:12px;left:12px;background:linear-gradient(180deg,#c93c3cf2,#a63232f2);color:#fff;padding:.6rem .85rem;border-radius:6px;font-size:.95rem;box-shadow:0 10px 24px #00000073;z-index:70;transform-origin:top left}.modal-actions button[aria-busy=true]{opacity:.8;pointer-events:none}.modal-actions .submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00bfa566}.modal-actions .btn-secondary,.modal-actions .submit-btn{box-sizing:border-box;height:44px;min-height:44px;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;border:none;border-radius:6px;line-height:1}.modal-actions .btn-secondary:hover,.modal-actions .submit-btn:hover{transform:translateY(-2px)}.modal-actions .btn-secondary,.modal-actions .submit-btn{font-weight:600;letter-spacing:.2px;padding:0 1rem;height:44px;border-radius:6px;box-shadow:0 3px 8px #0000002e;text-align:center}.modal-actions .submit-btn{background-image:linear-gradient(to right,#00bfa5,#06a07f);box-shadow:0 3px 8px #0000002e}.modal-actions .btn-secondary:hover,.modal-actions .submit-btn:hover{box-shadow:0 5px 12px #00000038;transform:translateY(-2px)}.modal-content .modal-actions>button,.modal-content .modal-actions>.btn-secondary,.modal-content .modal-actions>.submit-btn{margin:0;box-sizing:border-box;height:44px!important;min-height:44px!important;padding:0 1rem!important;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border:none;border-radius:6px;line-height:1;box-shadow:0 3px 8px #0000002e;text-align:center}.modal-content .modal-actions>.submit-btn{margin:0;padding:0 1rem!important;background-image:linear-gradient(to right,#00bfa5,#06a07f);color:#fff}@media (min-width: 421px){.modal-actions{flex-direction:row}.modal-actions button{width:auto;max-width:none}}.btn-secondary{background-color:#334e68;color:#e0e0e0}.btn-secondary:hover{background-color:#486581}.btn-secondary{cursor:pointer}.btn-danger{background:linear-gradient(180deg,#8b0c0c2e,#8b0c0c1f);color:#fff;border:1px solid rgba(220,38,38,.22);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn-danger:hover{background:linear-gradient(180deg,#b41e1e38,#b41e1e29);transform:translateY(-2px);box-shadow:0 10px 30px #8b0c0c47}body.theme-light .btn-danger{background:linear-gradient(180deg,#ffeeeef2,#ffe6e6f0);color:#6b0f0f;border:1px solid rgba(139,12,12,.12)}.confirm-title{font-size:1.05rem;margin-bottom:.5rem;color:#fff}.confirm-body{color:#cfd8dc;margin-bottom:.5rem}.modal-content.confirm-modal{background:#0f1f2e8c;-webkit-backdrop-filter:blur(6px) saturate(1.05);backdrop-filter:blur(6px) saturate(1.05);border:1px solid rgba(255,255,255,.06)}.modal-content.confirm-modal h3{color:#fdd}.modal-content.confirm-modal .confirm-body{color:#ffe6e6}body.theme-light .modal-content.confirm-modal{background:linear-gradient(180deg,#fffffff5,#fffffff0);border:1px solid rgba(6,51,45,.06);color:#2b2b2b}body.theme-light .modal-content.confirm-modal h3{color:#b91c1c}body.theme-light .modal-content.confirm-modal .confirm-title{color:#6b0f0f;font-weight:700}body.theme-light .modal-content.confirm-modal .confirm-body{color:#4a0a0a;opacity:.95}@media (max-width: 520px){.modal-content.confirm-modal{width:95%;max-width:420px;padding:1rem;border-radius:10px;max-height:80vh;overflow:auto;box-shadow:0 8px 30px #0000002e}.modal-content.confirm-modal .modal-title h3{font-size:1.05rem;margin-bottom:.35rem}.modal-content.confirm-modal .confirm-title{font-size:1rem;margin-bottom:.35rem}.modal-content.confirm-modal .confirm-body{font-size:.95rem;margin-bottom:.75rem}.modal-content.confirm-modal .modal-close{top:12px;right:12px}.modal-content.confirm-modal .modal-actions{gap:.6rem}.modal-content.confirm-modal .modal-actions>button{height:46px;font-size:1rem}.account-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.account-card{padding:.6rem;min-height:98px;border-radius:8px}.account-avatar{width:48px;height:48px;font-size:1rem}.avatar-preview{width:72px;height:72px}.account-info{margin-top:.4rem}.account-display{font-size:.95rem}.account-role{font-size:.82rem}.server-admin-badge{top:6px;right:6px;padding:4px 6px;font-size:.65rem}.delete-icon.small{width:28px;height:28px;font-size:.85rem;right:6px;bottom:6px}}@media (max-width: 520px){.modal-content{padding:.9rem;max-width:420px;border-radius:10px}.modal-title{padding-bottom:.35rem;margin-bottom:.35rem}.modal-title h3{font-size:1.05rem}.modal-content .modal-form{gap:.5rem}.modal-content .form-group{gap:.4rem}.modal-content input,.modal-content select,.modal-content textarea{padding:.55rem .65rem;font-size:.95rem}.modal-content .modal-actions{margin-top:.6rem!important;gap:.5rem}.modal-content .modal-actions>button{height:44px;padding:.6rem .9rem;font-size:1rem}.modal-content .modal-body{max-height:calc(72vh - 120px);overflow:auto;padding-bottom:.25rem}.modal-content.edit-sized{padding:.9rem;max-height:86vh}.modal-content.edit-sized .modal-actions{margin-top:.5rem}}@media (max-width: 360px){.account-grid{grid-template-columns:1fr}.account-card{padding:.5rem;min-height:88px}.account-avatar{width:44px;height:44px}.account-display{font-size:.92rem}}.back-link{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1rem;color:#eafffb;text-decoration:none;font-weight:700;background:#00bfa524;border:1px solid rgba(0,191,165,.28);padding:.35rem .6rem;border-radius:8px;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.back-link:hover{background:#00bfa533;transform:translateY(-1px);box-shadow:0 8px 18px #0000000f}body.theme-light .back-link{color:#064e3b;background:linear-gradient(180deg,#fffc,#ffffff9e),linear-gradient(90deg,#93f9e042,#93f9e024);border:1px solid rgba(0,191,165,.4);box-shadow:0 8px 20px #06332d14,inset 0 1px #fffc;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}body.theme-light .back-link:hover{background:linear-gradient(180deg,#fffc,#ffffffa3),linear-gradient(90deg,#93f9e05c,#93f9e038)}body.theme-light .back-link:focus-visible{outline:none;box-shadow:0 0 0 3px #00bfa566,0 8px 20px #06332d14}@media (max-width: 520px){.back-link{padding:.22rem .5rem;border-radius:8px;font-size:.95rem;gap:.35rem}.back-link .back-icon{width:14px;height:14px}.back-link span{font-size:.95rem;white-space:nowrap}.back-link+.back-link{margin-left:6px}}.page-content{display:flex;flex-wrap:wrap;gap:2rem}.top-area{display:block}@media (min-width: 1000px){.top-area.form-open{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;gap:2rem;align-items:start}.top-area .stats-banner{margin:0}.top-area.form-open .stats-banner{display:flex;flex-direction:column;gap:1.25rem;align-self:start}.content-with-form{display:flex;flex-direction:column;gap:1rem}.content-with-form .user-list-container{width:100%;box-sizing:border-box;margin-top:.5rem}.top-area.form-open .user-list-container{grid-column:1 / -1;margin-top:.5rem}.desktop-form-column{box-sizing:border-box;width:100%}.top-area.form-open .user-list-header.desktop-left{grid-column:1 / 2;align-self:start;margin-top:1rem;padding-left:.25rem}.top-area.form-open .user-list-header.desktop-left .user-header-actions{display:grid;grid-template-columns:1fr;gap:.6rem;width:100%}.top-area.form-open .user-list-header.desktop-left .user-search{width:100%}.top-area.form-open .user-list-header.desktop-left .user-search-input{min-width:0;width:100%}.top-area.form-open .user-list-header.desktop-left .user-filters{display:grid;grid-template-columns:1fr;gap:.6rem;width:100%}.top-area.form-open .user-list-header.desktop-left .glass-select .glass-select-button{min-width:0;width:100%}}.form-center{display:flex;justify-content:center;margin-bottom:1.25rem}@media (min-width: 1000px){.form-center .add-user-form{width:620px;max-width:100%;box-shadow:inset 0 -8px 24px #00bfa50f}}.user-list-container{flex:2;min-width:0}.user-form-container{flex:1;min-width:0}.add-user-form,.modal-form{display:flex;flex-direction:column;gap:1.2rem}.compact-form{gap:.6rem;font-size:.85rem}.compact-form h3,.compact-form h4{font-size:.9rem}.compact-form .form-group{gap:.25rem}.compact-form input,.compact-form select,.compact-form textarea{padding:.4rem;border-radius:4px;font-size:.9rem}.compact-form .form-grid{gap:.5rem}.modal-content.compact-form{padding:1rem;max-width:350px}.add-user-form.compact-form{padding:.75rem}.compact-form .submit-btn,.compact-form .btn-secondary{height:32px;min-height:32px;padding:0 .75rem;font-size:.95rem}.add-user-form{background-color:#122333;padding:1.5rem;border-radius:8px;border:1px solid #1a3245}.add-user-form h4,.modal-form h3{margin:0 0 1rem;text-align:center;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:.5px}.add-user-form .form-title{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative}.add-user-form .form-title .title-icon{opacity:.95}.add-user-form .form-title{padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.add-user-form .form-title .title-badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:linear-gradient(180deg,#ffffff52,#ffffff2e);border:1px solid rgba(255,255,255,.28)}body.theme-light .add-user-form .form-title{color:#063b33;border-bottom-color:#dff4ee}body.theme-light .add-user-form .form-title .title-icon{color:#079f8b}body.theme-light .add-user-form .form-title .title-badge{background:linear-gradient(180deg,#ffffffc7,#fff9),linear-gradient(90deg,#93f9e03d,#93f9e01a);border-color:#dff4ee;box-shadow:0 2px 8px #06332d14,inset 0 1px #ffffffd9}.add-user-form .form-buttons:before,.modal-form .form-buttons:before{content:"";position:absolute;left:0;right:0;height:1px;top:-.75rem;background:linear-gradient(90deg,#fff0,#fff3,#fff0)}.add-user-form .form-buttons,.modal-form .form-buttons{position:relative;border-top:0}body.theme-light .add-user-form .form-buttons:before,body.theme-light .modal-form .form-buttons:before{background:linear-gradient(90deg,#0000,#06332d2e,#0000)}.form-group{display:flex;flex-direction:column;gap:.5rem}.add-user-form label,.modal-form label{font-size:.9rem;font-weight:700;color:#a0a0a0}.add-user-form input,.add-user-form select,.modal-form input,.modal-form select{background-color:#0d1a26;border:1px solid #2a4a68;color:#e0e0e0;padding:.8rem;border-radius:6px;font-size:1rem;width:100%;box-sizing:border-box;transition:all .2s ease-in-out}.add-user-form input[type=checkbox],.modal-form input[type=checkbox],.permission-label input[type=checkbox]{width:auto;box-sizing:content-box;padding:0;margin:0 .35rem 0 0}.add-user-form input:focus,.add-user-form select:focus,.modal-form input:focus,.modal-form select:focus{outline:none;border-color:#00bfa5;box-shadow:0 0 0 3px #00bfa54d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;background-color:#0d1a26;padding:.8rem;border-radius:4px;border:1px solid #1a3245}.custom-checkbox{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;background:transparent;border-radius:3px}.checkmark svg{width:.85rem;height:.85rem;display:block}input,select,textarea{max-width:100%;box-sizing:border-box;word-break:break-word}textarea{resize:vertical}.modal-content{box-sizing:border-box}.modal-content.edit-sized{width:88%;max-width:560px;max-height:87vh;overflow:auto;transform:none}.modal-content.edit-sized.compact-form{max-width:560px;max-height:87vh;transform:none}@media (max-width: 640px){.modal-content.edit-sized{width:95%;max-width:min(560px,95vw)}}.modal-content.add-viewer-wide{width:60vw;max-width:860px}.modal-content.add-viewer-wide{max-height:87vh;overflow:auto}.modal-content.add-viewer-wide.compact-form{width:60vw;max-width:860px}@media (max-width: 1024px){.modal-content.add-viewer-wide{width:70vw;max-width:780px}}@media (max-width: 640px){.modal-content.add-viewer-wide{width:100%;max-width:100%}.modal-backdrop{align-items:stretch}.modal-content.edit-sized{width:100%;max-width:100%;height:100vh;max-height:100vh;height:100svh;max-height:100svh;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;border-radius:0;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch}.modal-content.edit-sized .modal-form{flex:1 1 auto;min-height:0}.modal-content.edit-sized .modal-actions{margin-top:auto}.modal-content.compact-form{transform:none!important;transform-origin:center center;width:100%!important;max-width:100%!important;border-radius:0;padding:1rem}.modal-content.edit-sized .modal-form{max-height:none;overflow:visible}.modal-content.edit-sized .modal-header{gap:.75rem;margin-bottom:.75rem}.modal-content.edit-sized .modal-header .avatar-preview{width:72px;height:72px;border-width:3px}.modal-content.edit-sized label{font-size:.85rem}.modal-content.edit-sized input,.modal-content.edit-sized select{padding:.6rem .7rem;font-size:.95rem}.modal-content.edit-sized .form-group{gap:.4rem}.modal-content .modal-actions{gap:.75rem}.modal-content .modal-actions>button,.modal-content .modal-actions>.btn-secondary,.modal-content .modal-actions>.submit-btn{height:44px!important;min-height:44px!important;padding:0 1rem!important;font-size:1rem!important;margin:0!important;box-sizing:border-box}}.modal-content.add-viewer-wide .permissions-grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 700px){.modal-content.add-viewer-wide .permissions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.modal-content.add-viewer-wide .permissions-grid{grid-template-columns:1fr}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.page-content{flex-direction:column;gap:1rem}.user-list-container,.user-form-container{min-width:0;width:100%}.modal-content{max-width:95%;width:95%;padding:1rem}.add-user-form,.modal-form{padding:1rem;gap:.8rem}.checkbox-label{flex-wrap:wrap;align-items:flex-start;gap:.5rem}.submit-btn{font-size:1rem;padding:.6rem}.user-actions{gap:.18rem}.user-actions .icon-btn{padding:.22rem}}.submit-btn{margin-top:.5rem;background-image:linear-gradient(to right,#00bfa5,#00a088);border:none;box-shadow:0 4px 15px #00bfa566;color:#fff;padding:.8rem;font-size:1.1rem;font-weight:700;transition:all .3s ease;cursor:pointer}.submit-btn:hover{background-image:linear-gradient(to right,#00a088,#00bfa5);transform:translateY(-2px);box-shadow:0 6px 20px #00bfa580}.add-user-form select,.modal-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%2Cxmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300BFA5%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7em top 50%;background-size:.65em auto;padding-right:2rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.user-list{list-style:none;padding:0}.user-list-item{background-color:#122333;border:1px solid #1a3245;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.user-name{font-weight:700}.user-list-item .user-info{display:flex;flex-direction:column;gap:.25rem}.user-actions{display:flex;gap:.5rem}.icon-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;font-size:1rem}.icon-btn.edit-btn{color:#a0a0a0}.icon-btn.edit-btn:hover{background-color:#334e6880;color:#fff}.icon-btn.delete-btn{color:#c93c3c}.icon-btn.delete-btn:hover{background-color:#c93c3c33}.header-reset-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .7rem;border-radius:8px;background:#e74c3c1f;color:#fff;border:1px solid rgba(231,76,60,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #e74c3c14;cursor:pointer}.header-reset-btn svg{color:#fff}.header-reset-btn:hover{background:#e74c3c2e}.account-card{position:relative}.delete-icon{position:absolute;right:.5rem;bottom:.5rem;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background-color:#e74c3c;border:2px solid rgba(0,0,0,.06)}.delete-icon:hover{filter:brightness(.95)}.delete-icon.small{width:30px;height:30px;font-size:.9rem}.info-icon{position:absolute;right:.5rem;bottom:3.1rem;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background-color:#3498db;border:2px solid rgba(0,0,0,.06)}.info-icon:hover{filter:brightness(.96)}.info-modal .audit-ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.info-modal .audit-li{padding:.5rem .6rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}body.theme-light .info-modal .audit-li{background:#0d1a2608;border-color:#0d1a2614}.info-modal .audit-line{display:flex;justify-content:space-between;gap:.5rem;font-weight:600}.info-modal .audit-time{opacity:.9}.info-modal .audit-role{font-size:.85rem;padding:.1rem .4rem;border-radius:999px;background:#00bfa52e;border:1px solid rgba(0,191,165,.25)}body.theme-light .info-modal .audit-role{background:#00bfa51f;border-color:#00bfa538}.info-modal .audit-meta{display:flex;gap:1rem;font-size:.85rem;opacity:.9;margin-top:.15rem;flex-wrap:wrap}.info-modal .audit-ua{font-size:.78rem;opacity:.8;margin-top:.25rem;white-space:normal;overflow-wrap:anywhere}.modal-content.info-modal{background:#0f1f2e73;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px #00000073;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05)}@media (min-width: 1025px){.modal-content.info-modal{width:50%;max-width:960px}}.last-seen-pill{margin-top:6px;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;padding:2px 8px;border-radius:999px;background:#00bfa51f;color:#c7fff4;border:1px solid rgba(0,191,165,.22)}body.theme-light .last-seen-pill{background:#00bfa51f;color:#0b3d35;border-color:#00bfa547}@media (max-width: 768px){body{padding:1rem}.page-content{flex-direction:column}.form-grid{grid-template-columns:1fr}.user-table th,.user-table td{font-size:.72rem;padding:.22rem .32rem}.user-table th:nth-child(1),.user-table td:nth-child(1){width:22%}.user-table th:nth-child(4),.user-table td:nth-child(4){width:8%}.user-table th:nth-child(6),.user-table td:nth-child(6){width:6%}}@media (max-width: 420px){.user-table th:nth-child(5),.user-table td:nth-child(5){display:none}.user-table th:nth-child(1),.user-table td:nth-child(1){width:20%}.user-table th:nth-child(2),.user-table td:nth-child(2){width:14%}.user-table th:nth-child(3),.user-table td:nth-child(3){width:10%}.user-table th:nth-child(4),.user-table td:nth-child(4){width:6%}.user-table th:nth-child(6),.user-table td:nth-child(6){width:50%}.user-table th,.user-table td{padding:.18rem .28rem;font-size:.74rem}.user-actions{gap:.04rem}.user-actions .icon-btn{padding:.06rem;width:26px;height:26px}}@media (max-width: 520px){.user-table{min-width:0;width:100%}.user-table th:first-child,.user-table td:first-child{width:25%}.user-table th:nth-child(2),.user-table td:nth-child(2){width:30%}.user-table th:nth-child(3),.user-table td:nth-child(3){width:45%}.key-table{min-width:0;width:100%}.key-table thead th{font-size:.9rem}.key-table tbody td{padding:8px 10px}.key-table .action-btn,.key-table button.btn{padding:6px 8px;font-size:.92rem}.key-box{padding:10px}.key-box label{min-width:100px}.key-box input[type=text]{font-size:.95rem}.modal-content .modal-actions{flex-direction:column-reverse;gap:.5rem}}@media (max-width: 400px) and (min-width: 361px){.user-actions{gap:.02rem}.user-actions .icon-btn{padding:.06rem;width:26px;height:26px}.user-table th:nth-child(4),.user-table td:nth-child(4){width:4%}.user-table th:nth-child(1),.user-table td:nth-child(1){width:18%}.user-table th:nth-child(6),.user-table td:nth-child(6){width:58%}}@media (max-width: 420px){.quick-renew-box{position:fixed!important;right:10px;top:60px;left:auto;min-width:100px;max-width:78vw;width:auto;z-index:9999;box-shadow:0 10px 28px #00000080;border-radius:10px;padding:6px}.quick-renew-title{font-size:.82rem;margin-bottom:6px}.quick-renew-actions{gap:6px}.quick-renew-btn{padding:6px 8px;font-size:.88rem;border-radius:8px}}@media (max-width: 360px){.quick-renew-box{min-width:88px;padding:5px 6px;box-shadow:0 6px 16px #0000004d;right:6px;top:calc(10px + env(safe-area-inset-top))}.quick-renew-title{font-size:.74rem;margin-bottom:4px}.quick-renew-actions{gap:3px}.quick-renew-btn{padding:5px 6px;font-size:.78rem}.user-actions{gap:.02rem}.user-actions .icon-btn{padding:.06rem;width:26px;height:26px}}@media (max-width: 320px){.quick-renew-box{min-width:76px;max-width:74vw;padding:4px 5px;border-radius:8px;right:6px;top:calc(8px + env(safe-area-inset-top));box-shadow:0 5px 12px #00000047}.quick-renew-title{font-size:.68rem;margin-bottom:3px}.quick-renew-actions{gap:2px}.quick-renew-btn{padding:4px 5px;font-size:.72rem;border-radius:6px}.user-actions{gap:.01rem}.user-actions .icon-btn{padding:.03rem;width:26px;height:26px}}@media (max-width: 420px){.icon-btn.edit-btn,.icon-btn.delete-btn{display:inline-flex}}@media (max-width: 360px){.icon-btn.edit-btn,.icon-btn.delete-btn{display:none}.icon-btn.overflow-btn{display:inline-flex}}@media (max-width: 320px){.icon-btn.edit-btn,.icon-btn.delete-btn{display:none}.icon-btn.overflow-btn{display:inline-flex}}.icon-btn.overflow-btn{display:none}.action-overflow-menu{background:linear-gradient(180deg,#0f1f2ee6,#0f1f2ed9);color:#e6f7f3;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:6px 8px;min-width:120px;box-shadow:0 10px 30px #00000080;z-index:10000}.action-overflow-menu .overflow-item{display:block;width:100%;text-align:left;background:transparent;color:inherit;border:none;padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:700}.action-overflow-menu .overflow-item:hover{background:#ffffff08}.checkbox-label{background-color:transparent;border:none;padding:0;display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-label input[type=checkbox]{display:none}.custom-checkbox{width:22px;height:22px;background-color:#0d1a26;border:2px solid #334e68;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.checkbox-label:hover .custom-checkbox{border-color:#00bfa5}.checkmark{width:14px;height:14px;color:#fff;transform:scale(0);transition:transform .2s ease-in-out}.checkbox-label input[type=checkbox]:checked+.custom-checkbox .checkmark{transform:scale(1)}.checkbox-label input[type=checkbox]:checked+.custom-checkbox{background-color:#00bfa5;border-color:#00bfa5}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content form input{background-color:#0d1a26;border:1px solid #1a3245;color:#e0e0e0;padding:.75rem;border-radius:4px;font-size:1rem}.modal-content form .modal-actions button[type=submit]{background-color:#00bfa5;color:#000}.server-title{display:flex;align-items:center;gap:.75rem;margin:0}.stats-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.dashboard-top-grid .stats-banner{margin-bottom:0}.dashboard-top-grid .stats-banner.stats-2x4{grid-auto-rows:unset;grid-template-rows:repeat(4,1fr)}.dashboard-top-grid .stats-banner .stat-card,.dashboard-top-grid .stats-banner .stat-card.as-button{height:100%}.dashboard-top-grid .stats-banner .stat-card,.dashboard-top-grid .stats-banner .stat-card.as-button{box-sizing:border-box;margin:0;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem}.dashboard-top-grid .stats-banner .stat-card.as-button{appearance:none;background:#122333;border:1px solid #1a3245}.dashboard-top-grid .stats-banner .stat-card span,.dashboard-top-grid .stats-banner .stat-card strong{line-height:1.1}.stat-card{background-color:#122333;border-radius:8px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid #1a3245}.stat-card svg{font-size:1.5rem;opacity:.8}.stat-card div{display:flex;flex-direction:column}.dashboard-top-grid .stat-card div{gap:.15rem}.financial-summary{margin:0}.financial-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.financial-month{border:1px solid var(--muted-border, #e6eef0);padding:.75rem;border-radius:6px;background:var(--card-bg, #fff)}.financial-month-title{font-weight:600;margin-bottom:.5rem}.financial-month-details{margin-top:.5rem;font-size:.9rem;color:var(--muted-text, #3b5959);display:grid;gap:.25rem}.fp-bar{background:#eef6f5;height:14px;border-radius:8px;position:relative;overflow:hidden;margin-top:.25rem}.fp-bar-fill{background:linear-gradient(90deg,#1aa39a,#0e7f7a);height:100%;transition:width .3s ease}.fp-bar-label{position:absolute;right:8px;top:-18px;font-size:.8rem;color:#123233}.stat-card span{font-size:.85rem;color:#a0a0a0}.stat-card strong{font-size:1.5rem;font-weight:600}.dashboard-top-grid .stats-banner .stat-card.as-button strong{text-align:left}.icon-active{color:#28a745}.icon-soon{color:#ffc107}.icon-expired{color:#dc3545}.modal-content .title-icon{margin-right:.5rem;vertical-align:-2px}.status-users-modal .row-status-icon{margin-right:.4rem;font-size:.95rem;opacity:.95}.status-users-modal .account-with-status{display:inline-flex;align-items:center;gap:.35rem}.status-users-modal .status-badge{display:inline-block;margin-left:.5rem;padding:.05rem .4rem;border-radius:999px;font-size:.72rem;line-height:1.2;border:1px solid rgba(255,255,255,.12)}.status-users-modal .status-badge.soon{background:#ffc10724;border-color:#ffc10752;color:#ffe9a6}.status-users-modal .status-badge.expired{background:#dc354529;border-color:#dc354557;color:#ffc3ca}.modal-content.status-users-modal .modal-title h3{font-size:1.05rem;font-weight:700;margin:0 0 .5rem;padding:0 0 .5rem;white-space:normal}.stat-card.as-button{appearance:none;border:1px solid #1a3245;background:#122333;border-radius:8px;padding:1rem;display:flex;align-items:center;gap:1rem;color:inherit;cursor:pointer}.stat-card.as-button:hover{border-color:#2a4a60;box-shadow:0 6px 18px #00000040}.stat-card.as-button svg{font-size:1.5rem;opacity:.8}.user-table.compact{font-size:.9rem}.user-table.compact th,.user-table.compact td{padding:.4rem .5rem}@media (max-width: 640px){.modal-content.status-users-modal .user-table.compact,.modal-content.status-users-modal .user-table.compact tbody,.modal-content.status-users-modal .user-table.compact tr{display:table;table-layout:fixed;width:100%;min-width:0}.modal-content.status-users-modal .user-table.compact th,.modal-content.status-users-modal .user-table.compact td{white-space:normal!important;word-break:break-word;overflow-wrap:anywhere}.modal-content.status-users-modal .account-with-status,.modal-content.status-users-modal .status-badge,.modal-content.status-users-modal .row-status-icon{white-space:normal;display:inline-flex;flex-wrap:wrap;gap:.25rem;align-items:center}.modal-content.status-users-modal .user-table.compact th:nth-child(1),.modal-content.status-users-modal .user-table.compact td:nth-child(1){width:30%}.modal-content.status-users-modal .user-table.compact th:nth-child(2),.modal-content.status-users-modal .user-table.compact td:nth-child(2){width:10%}.modal-content.status-users-modal .user-table.compact th:nth-child(3),.modal-content.status-users-modal .user-table.compact td:nth-child(3){width:30%}.modal-content.status-users-modal .user-table.compact th:nth-child(4),.modal-content.status-users-modal .user-table.compact td:nth-child(4){width:30%}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.dashboard-card{background-color:#0d1a26;border:1px solid #1a3245;border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.dashboard-card-title{font-weight:700;color:#e7fffb;font-size:1.05rem;margin-bottom:.25rem}.dashboard-card-row{display:flex;align-items:center;gap:.5rem;color:#cbdfe0;font-size:.9rem}.dashboard-card-row svg{color:#8fd6c8;opacity:.9}.dashboard-card-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-light .dashboard-card-row{color:#0b3d35}body.theme-light .dashboard-card-row svg{color:#0b7467;opacity:1}.dashboard-card-foot{margin-top:.5rem;display:flex;justify-content:space-between;align-items:center;color:#9fb3ad}.dashboard-card-foot strong{color:#eafffb;font-size:1.1rem}.dashboard-card-link{text-decoration:none;color:inherit;display:block}.dashboard-card-link .dashboard-card{transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.dashboard-card-link:hover .dashboard-card{transform:translateY(-2px);box-shadow:0 10px 24px #00000040;border-color:#2a4a60}.chips-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border-radius:999px;font-size:.8rem;border:1px solid rgba(255,255,255,.08);background:#0d1a2699;color:#d7f1ec}.chip svg{font-size:.9em;opacity:.9}.chip-mini{background:#00bfa524;border-color:#00bfa547;color:#c8fff2}.chip-basic{background:#0088ff1f;border-color:#0088ff42;color:#d0eaff}.chip-unlimited{background:#ffd7001f;border-color:#ffd70042;color:#fff8c2}.chip-active{background:#28a74524;border-color:#28a74547;color:#d6f5df}.chip-soon{background:#ffc10724;border-color:#ffc10747;color:#fff1c7}.chip-expired{background:#dc354524;border-color:#dc354547;color:#ffd6db}.user-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.glass-select{position:relative;display:inline-flex}.glass-select-button{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:999px;cursor:pointer;border:1px solid #1a3245;background:linear-gradient(180deg,#0d1a26c7,#0d1a2699),linear-gradient(90deg,#00bfa51a,#00bfa50f);color:#e0eff3;-webkit-backdrop-filter:blur(8px) saturate(110%);backdrop-filter:blur(8px) saturate(110%);box-shadow:0 6px 18px #0000002e,inset 0 1px #ffffff0f}.glass-select .glass-select-button{min-width:160px;justify-content:space-between}.user-filters .glass-select .glass-select-button{min-width:180px}.form-group .glass-select .glass-select-button{min-width:220px;border-radius:8px}.glass-select-menu{min-width:100%}.glass-select-button:focus-visible{outline:none;box-shadow:0 0 0 3px #00bfa547,0 6px 18px #00000024}.glass-select-button:hover{background:linear-gradient(180deg,#0d1a26d6,#0d1a26a8),linear-gradient(90deg,#00bfa51f,#00bfa514)}.glass-select-label{white-space:nowrap}.glass-select-caret{opacity:.9}.glass-select-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;z-index:60;background:#0d1a26db;color:#e0eff3;border:1px solid rgba(32,70,95,.9);border-radius:10px;box-shadow:0 12px 30px #00000040,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px) saturate(110%);backdrop-filter:blur(10px) saturate(110%);padding:.35rem 0}.glass-select-option{padding:.5rem .75rem;cursor:pointer}.glass-select-option:hover,.glass-select-option.highlighted{background:#ffffff0f}.glass-select-option.selected{background:#00bfa524;color:#c8fff2}body.theme-light .glass-select-button{border:1px solid #bff4ea;background:linear-gradient(180deg,#ffffffb3,#ffffff80),linear-gradient(90deg,#93f9e03d,#93f9e024);color:#082a24;box-shadow:0 6px 18px #06332d0f,inset 0 1px #ffffffbf}body.theme-light .glass-select-button:hover{background:linear-gradient(180deg,#ffffffc2,#ffffff8f),linear-gradient(90deg,#93f9e052,#93f9e033)}body.theme-light .glass-select-menu{background:linear-gradient(180deg,#ffffffe6,#fffc),linear-gradient(90deg,#93f9e02e,#93f9e01a);color:#082a24;border:1px solid #bff4ea;box-shadow:0 12px 30px #06332d1a,inset 0 1px #ffffffd9}body.theme-light .glass-select-option:hover,body.theme-light .glass-select-option.highlighted{background:#00bfa51f}body.theme-light .glass-select-option.selected{background:#00bfa529;color:#064e3b}.user-header-actions{display:flex;align-items:center;gap:.6rem}.user-search{display:flex;align-items:center;gap:.4rem;background:#0d1a26;border:1px solid #1a3245;border-radius:999px;padding:.35rem .6rem}.user-search .search-icon{color:#8fbdb6;font-size:.95rem}.user-search-input{background:transparent;border:none;outline:none;color:#e0e0e0;min-width:200px}.user-filters{display:inline-flex;align-items:center;gap:.4rem}.user-filters .filter-select{background:#0d1a26;color:#e0e0e0;border:1px solid #1a3245;border-radius:999px;padding:.35rem .75rem;font-size:.9rem}.infographics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.infographic-card{background:#0d1a26;border:1px solid #1a3245;border-radius:10px;padding:1rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.infographic-card .chart{position:relative;width:140px;height:140px}.infographic-card .donut-svg{display:block}.infographic-card .donut-svg .bg{stroke:#ffffff0f}.infographic-card .donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.infographic-card .donut-center-top{font-size:.75rem;color:#9fb3ad}.infographic-card .donut-center-value{font-size:1.35rem;font-weight:800;color:#eafffb}.infographic-card .legend{min-width:0}.infographic-card .legend-title{display:grid;grid-template-columns:auto max-content 1fr;align-items:center;column-gap:.5rem;font-weight:800;color:#e7fffb;margin-bottom:.5rem;letter-spacing:.2px}.infographic-card .legend-title .legend-icon{font-size:1rem;color:#9fd9cf;opacity:.9}.infographic-card .legend-title .legend-text{white-space:nowrap}.infographic-card .legend-title .legend-rule{height:1px;background:linear-gradient(90deg,#9fd9cf40,#ffffff0f);display:block}.infographic-card .legend ul{margin:0;padding:0;list-style:none;display:grid;gap:.25rem}.infographic-card .legend li{display:grid;grid-template-columns:14px 1fr auto;gap:.5rem;align-items:center}.infographic-card .legend .legend-color{width:12px;height:12px;border-radius:3px;display:inline-block;border:1px solid rgba(255,255,255,.15)}.infographic-card .legend .legend-label{color:#cbdfe0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infographic-card .legend .legend-value{color:#eafffb;font-weight:700}.infographic-card .legend .legend-percent{color:#9fb3ad;font-size:.85rem}.infographic-card .legend .legend-metrics{display:inline-flex;align-items:baseline;gap:.25rem}body.theme-light .infographic-card .donut-svg .bg{stroke:#06332d1f}body.theme-light .infographic-card .donut-center-top{color:#0b3d35;opacity:.98}body.theme-light .infographic-card .donut-center-value{color:#063b33;font-weight:700}body.theme-light .infographic-card .legend-title{color:#0b3d35}body.theme-light .infographic-card .legend-title .legend-icon{color:#0b7467;opacity:1}body.theme-light .infographic-card .legend-title .legend-rule{background:linear-gradient(90deg,#93f9e04d,#06332d14)}body.theme-light .infographic-card .legend .legend-label{color:#0b3d35}body.theme-light .infographic-card .legend .legend-value{color:#063b33;font-weight:700}body.theme-light .infographic-card .legend .legend-percent{color:#2e8f83}body.theme-light .infographic-card .legend .legend-color{border-color:#06332d26}@media (max-width: 520px){.infographic-card{grid-template-columns:1fr 1fr;align-items:center;justify-items:stretch;text-align:left;gap:.6rem}.infographic-card .chart{width:100%;max-width:100px;aspect-ratio:1 / 1;height:auto}.infographic-card .donut-svg{width:100%;height:100%}.infographic-card .donut-center-top{font-size:.68rem}.infographic-card .donut-center-value{font-size:1rem}.infographic-card .legend{width:100%}.infographic-card .legend ul{display:grid;grid-template-columns:1fr;gap:.25rem;align-content:start;justify-items:start}.infographic-card .legend li{display:grid;grid-template-columns:12px 1fr auto;gap:.5rem;align-items:center;min-width:0}.infographic-card .legend .legend-color{width:10px;height:10px}.infographic-card .legend .legend-label{font-size:.85rem;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.infographic-card .legend-title{margin-bottom:.35rem;grid-template-columns:auto max-content 1fr}.infographic-card .legend .legend-metrics{display:inline-flex;align-items:baseline;gap:.2rem}.infographic-card .legend .legend-value{font-size:.92rem}.infographic-card .legend .legend-percent{font-size:.8rem}}@media (max-width: 360px){.infographic-card .legend .legend-percent{display:none}}.chart-tooltip{position:absolute;transform:translate(-50%,-120%);background:#070e14eb;border:1px solid rgba(255,255,255,.08);color:#e0e0e0;padding:.35rem .5rem;border-radius:6px;pointer-events:none;font-size:.78rem;box-shadow:0 8px 20px #00000059}.settings-page{display:grid;gap:.75rem}.settings-header h2{margin:0}.settings-tabs{display:inline-flex;gap:.5rem;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.settings-tabs .tab-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cfeee8;padding:.55rem .9rem;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;position:relative;backdrop-filter:blur(4px) saturate(1.02);-webkit-backdrop-filter:blur(4px) saturate(1.02)}.settings-tabs .tab-btn:hover{transform:translateY(-1px);border-color:#00bfa540;background:#00bfa514;box-shadow:0 8px 22px #00bfa51f}.settings-tabs .tab-btn:focus{outline:none;border-color:#00bfa559;box-shadow:0 0 0 3px #00bfa52e}.settings-tabs .tab-btn.active{background:linear-gradient(135deg,#00bfa538,#00bfa51a);border-color:#00bfa573;color:#eafffb;box-shadow:0 6px 18px #00bfa52e inset,0 8px 26px #02080c47}.settings-tabs .tab-btn .tab-icon{opacity:.95;transform:translateY(0);transition:transform .15s ease}.settings-tabs .tab-btn:hover .tab-icon{transform:translateY(-1px)}.settings-tabs .tab-btn .tab-text{font-weight:700;letter-spacing:.2px}.settings-content{background:#102433;border:1px solid #1a3245;border-radius:8px;padding:1rem}.db-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem;background:#0f1e2b;border:1px solid #1a3245;border-radius:8px;padding:.6rem .8rem;margin-bottom:.75rem}.db-status .db-status-row{color:#d2f8ee}.db-status .db-status-row strong{color:#9edbd0;margin-right:.35rem}@media (max-width: 720px){.db-status{grid-template-columns:repeat(2,minmax(0,1fr))}}.db-status.largest{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.chart-tooltip .tt-label{font-weight:700;color:#e7fffb}.chart-tooltip .tt-values{color:#cbdfe0}.chart-tooltip .tt-values strong{color:#eafffb;margin-right:.25rem}.dashboard-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:stretch}.dashboard-top-grid .top-left,.dashboard-top-grid .top-right{min-width:0;min-height:0;display:flex;flex-direction:column}.top-left .stats-banner{flex:1 1 auto;height:100%}.infographics-right-stack{display:grid;grid-template-columns:1fr;gap:1rem}.stats-4x2{grid-template-columns:repeat(4,minmax(140px,1fr))}.stats-2x4{grid-template-columns:repeat(2,minmax(160px,1fr));grid-auto-rows:1fr}@media (min-width: 1200px){.stats-2x4{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width: 900px){.dashboard-top-grid{grid-template-columns:1fr}.stats-4x2,.stats-2x4{grid-template-columns:repeat(2,minmax(140px,1fr))}}.status-stacked-section{background:#0d1a26;border:1px solid #1a3245;border-radius:10px;padding:1rem}.status-stacked-section .section-header{width:100%;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:0 0 .6rem;background:#0f1e2b;border:1px solid #1a3245;border-radius:8px;color:inherit;cursor:pointer}.status-stacked-section .section-header:hover{border-color:#2a4a60}.status-stacked-section .section-header .section-icon{font-size:1.1rem;color:#9fd9cf;opacity:.95}.status-stacked-section .section-header .section-text{font-size:1.05rem;font-weight:800;letter-spacing:.2px}.status-stacked-section .section-header .section-indicators{display:inline-flex;align-items:center;gap:.6rem}.status-stacked-section .section-header .section-indicators .ind{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.status-stacked-section .section-header .chevron{transition:transform .2s ease;opacity:.9}.status-stacked-section .section-header.collapsed .chevron{transform:rotate(-90deg)}@media (max-width: 640px){.status-stacked-section .section-header{grid-template-columns:auto 1fr auto;row-gap:.35rem}.status-stacked-section .section-header .section-indicators{grid-column:2 / span 2;justify-self:start}}.status-bars-list{display:grid;gap:.5rem;max-height:340px;overflow:auto}.status-bar-row{display:grid;grid-template-columns:260px 1fr;gap:.75rem;align-items:center}.status-bar-meta{min-width:0}.status-bar-meta .sb-name{font-weight:600;color:#d7f1ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bar-meta .sb-counts{font-size:.85rem;color:#9fb3ad;display:flex;gap:.5rem}.status-bar-meta .sb-counts .ind{display:inline-flex;align-items:center;gap:.3rem}.status-bar-meta .sb-counts .ind .count{color:#e2f6f4;font-weight:500}.status-bar{height:16px;border-radius:999px;overflow:hidden;background:#ffffff0f;border:1px solid rgba(255,255,255,.06);position:relative}.status-bar .seg{position:absolute;left:0;top:0;height:100%}.status-bar .seg-active{background:#28a745e6}.status-bar .seg-soon{background:#ffc107e6;left:unset}.status-bar .seg-expired{background:#dc3545e6;left:unset}.status-bar .seg.clickable{cursor:pointer;filter:brightness(1)}.status-bar .seg.clickable:hover{filter:brightness(1.15)}body.theme-light .status-bar-meta .sb-name{color:#0b3d35;font-weight:600}body.theme-light .status-bar-meta .sb-counts{color:#2e8f83}body.theme-light .status-bar-meta .sb-counts .ind .count{color:#063b33;font-weight:500}body.theme-light .status-bars-list .status-bar{background:linear-gradient(180deg,#fffc,#ffffff9e),linear-gradient(90deg,#93f9e01f,#93f9e00f);border:1px solid #dff4ee}@media (max-width: 720px){.status-bar-row{grid-template-columns:1fr}}@media (max-width: 768px){.user-header-actions{flex-wrap:wrap;gap:.5rem}.user-search{flex:1 1 100%}.user-filters{width:100%}.user-filters .filter-select{flex:1;min-width:0}}.add-user-btn{display:inline-flex;align-items:center;gap:.45rem}.add-user-btn{background:linear-gradient(180deg,#ffffff42,#ffffff24),linear-gradient(180deg,#00bfa538,#00bfa51a);color:#eafffb;border:1px solid rgba(204,255,245,.35);padding:.6rem 1.2rem;border-radius:12px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 16px #00bfa524,inset 0 1px #ffffff3d,inset 0 -1px #0000000a;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,filter .14s ease,color .14s ease}.add-user-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #00bfa52e,inset 0 1px #ffffff42;background:linear-gradient(180deg,#ffffff4d,#ffffff2e),linear-gradient(180deg,#00bfa53d,#00bfa51f)}.add-user-btn:active{transform:translateY(0);box-shadow:0 10px 22px #00bfa52e,inset 0 1px #fff3}.add-user-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #00bfa547,0 10px 24px #00bfa533}.add-user-btn .btn-icon{color:currentColor;opacity:.95}body.theme-light .add-user-btn{color:#064e3b;box-shadow:0 6px 16px #06332d1a,inset 0 1px #ffffffd9;backdrop-filter:blur(6px) saturate(1.04);-webkit-backdrop-filter:blur(6px) saturate(1.04)}body.theme-light .add-user-btn:hover{box-shadow:0 10px 22px #06332d1f,inset 0 1px #ffffffe0;background:linear-gradient(180deg,#ffffffb8,#ffffff8f),linear-gradient(90deg,#00bfa55c,#00bfa538)}body.theme-light .add-user-btn .btn-icon{opacity:.9}@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.add-user-btn{background:linear-gradient(180deg,#fff3,#ffffff1f),linear-gradient(180deg,#00bfa54d,#00bfa524)}}.no-users-message{background:linear-gradient(180deg,#0f1f2e7a,#0f1f2e47);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 28px #02080c73;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%);padding:2rem;text-align:center;border-radius:8px;color:#9fbfb3;font-size:1rem;line-height:1.5}body.theme-light .no-users-message{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#93f9e038,#93f9e01f);border:1px solid #bff4ea;box-shadow:0 8px 24px #06332d12,inset 0 1px #ffffffb3;color:#0b3d35}.user-table-container{overflow-x:auto}.user-table{width:100%;border-collapse:collapse;min-width:600px}.user-table th,.user-table td{padding:.75rem 1rem;text-align:left;vertical-align:middle}.user-table thead{background-color:#1a3245}.user-table tbody tr{border-bottom:1px solid #1a3245}.user-table tbody tr:last-child{border-bottom:none}.user-table tbody tr.clickable-row{transition:background-color .2s ease,transform .1s ease}.user-table tbody tr.clickable-row:hover{background-color:#2a4a6066;transform:translate(2px)}.user-table tbody tr.clickable-row:active{transform:translate(0)}.user-name-cell{display:flex;flex-direction:column}.user-remark{font-size:.8rem;color:#888;margin-top:.25rem;font-style:italic}.status-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}.status-active{background-color:#28a745}.status-soon{background-color:#ffc107}.status-expired{background-color:#dc3545}textarea{background-color:#0d1a26;border:1px solid #2a4a68;color:#e0e0e0;padding:.8rem;border-radius:6px;font-size:1rem;font-family:inherit;width:100%;box-sizing:border-box;resize:vertical;min-height:60px}@media (max-width: 768px){body{padding:1rem}.page-content{flex-direction:column}.form-grid{grid-template-columns:1fr}.modal-content .modal-form{max-height:70vh;overflow:auto}.modal-content.edit-user-modal .modal-form{max-height:none;overflow:visible}.user-table-container{overflow-x:hidden}.user-table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse}.user-table th:nth-child(1),.user-table td:nth-child(1){width:26%}.user-table th:nth-child(2),.user-table td:nth-child(2){width:20%}.user-table th:nth-child(3),.user-table td:nth-child(3){width:18%}.user-table th:nth-child(4),.user-table td:nth-child(4){width:4%}.user-table th:nth-child(5),.user-table td:nth-child(5){width:10%}.user-table th:nth-child(6),.user-table td:nth-child(6){width:18%}.user-table thead{display:table-header-group}.user-table th,.user-table td{padding:.28rem .4rem;font-size:.78rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-table thead th{padding-top:.5rem;padding-bottom:.5rem}.user-list-container .add-user-form{margin-bottom:1.25rem}.user-table th:nth-child(5),.user-table td:nth-child(5){display:none}.user-table th:nth-child(1),.user-table td:nth-child(1){width:18%}.user-table th:nth-child(2),.user-table td:nth-child(2){width:15%}.user-table th:nth-child(3),.user-table td:nth-child(3){width:15%}.user-table th:nth-child(4),.user-table td:nth-child(4){width:18%}.user-table th:nth-child(6),.user-table td:nth-child(6){overflow:visible;position:relative}.quick-renew-box{z-index:2000}.user-table tbody tr{border-bottom:1px solid #1a3245}.user-list-header{flex-direction:column;align-items:flex-start;gap:1rem}.user-header-actions{width:100%}.user-search{flex:1;width:100%}.user-search-input{min-width:0;width:100%}.user-actions{gap:.12rem}.user-actions .icon-btn{padding:.22rem}}@media (min-width: 769px){.add-user-form{width:100%;max-width:100%;box-sizing:border-box}.add-user-btn{padding:1rem 1.8rem;font-size:1.08rem;height:54px;min-height:54px;border-radius:8px}.user-table th:nth-child(1),.user-table td:nth-child(1){width:28%}.user-table th:nth-child(2),.user-table td:nth-child(2){width:15%}.user-table th:nth-child(3),.user-table td:nth-child(3){width:14%}.user-table th:nth-child(4),.user-table td:nth-child(4){width:10%}.user-table th:nth-child(5),.user-table td:nth-child(5){width:12%}.user-table th:nth-child(6),.user-table td:nth-child(6){width:21%}.key-management-page .user-table th:nth-child(1),.key-management-page .user-table td:nth-child(1){width:2%}}.delete-menu-popover{position:absolute;right:0;top:calc(100% + 8px);background:linear-gradient(180deg,#0f1f2ef0,#0f1f2ee6);border:1px solid rgba(255,255,255,.06);padding:8px;border-radius:10px;box-shadow:0 18px 40px #02080c99;z-index:2200;display:flex;flex-direction:column;gap:6px;min-width:180px}.delete-menu-popover:before{content:"";position:absolute;right:12px;top:-6px;width:12px;height:12px;background:linear-gradient(180deg,#0f1f2ef0,#0f1f2ee6);transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.04)}.delete-menu-popover .delete-menu-item{background:transparent;color:#e6f7f3;border:none;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;font-weight:800}.delete-menu-popover .delete-menu-item:hover{background:#ffffff08}body.theme-light .delete-menu-popover{background:linear-gradient(180deg,#fffffffa,#fffffff0);border:1px solid rgba(11,124,117,.12);color:#083d36}body.theme-light .delete-menu-popover:before{background:linear-gradient(180deg,#fffffffa,#fffffff0);border-left:1px solid rgba(11,124,117,.08);border-top:1px solid rgba(11,124,117,.08)}@media (min-width: 769px){.key-management-page .key-actions .btn,.key-management-page .key-actions .btn-danger{display:inline-flex;align-items:center;gap:.45rem;padding:.9rem 1.2rem;height:56px;min-height:56px;border-radius:8px;box-sizing:border-box;font-weight:800}.key-management-page .key-actions .btn-danger .btn-icon,.key-management-page .key-actions .btn .btn-icon{margin-right:.45rem}}.add-user-form .form-buttons button{height:56px;min-height:56px;padding:0 1rem;font-size:1.03rem;border-radius:8px}.add-user-form.compact-form .form-buttons button{height:44px;min-height:44px;padding:0 .9rem;font-size:.98rem}@media (min-width: 1000px){.modal-content.compact-form{max-height:80vh;overflow:auto}.modal-content.compact-form.edit-user-modal{max-height:88vh;overflow:visible;padding:1rem 1.25rem}.modal-content.compact-form.edit-user-modal .modal-form{gap:.75rem}.modal-content.compact-form.edit-user-modal .form-group{gap:.35rem}.modal-content.compact-form.edit-user-modal label{font-size:.9rem}.modal-content.compact-form.edit-user-modal input,.modal-content.compact-form.edit-user-modal select,.modal-content.compact-form.edit-user-modal textarea{padding:.55rem .7rem;font-size:.95rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#0d1a26;padding:1rem;box-sizing:border-box}.login-card{background-color:#122333;padding:2.5rem;border-radius:12px;border:1px solid #1a3245;width:100%;max-width:400px;box-shadow:0 10px 30px #0000004d;position:relative}.login-header{text-align:center;margin-bottom:1.25rem;display:flex;flex-direction:column;align-items:center}.login-header .lock-icon{font-size:2rem;color:#00bfa5;margin:.6rem 0 0}.login-logo{width:72px;height:72px;object-fit:cover;margin-bottom:.5rem;border-radius:999px;overflow:hidden;box-sizing:border-box;padding:2px;border:3px solid rgba(147,249,224,.45);box-shadow:0 10px 30px #00000047;background:linear-gradient(180deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(6px) saturate(1.05);backdrop-filter:blur(6px) saturate(1.05)}.login-logo-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px}.login-subtitle{margin:.15rem 0 0;color:#06332dd9;font-size:1rem;font-weight:600;opacity:.95}body.theme-light .login-logo{border:3px solid rgba(147,249,224,.28);box-shadow:0 10px 26px #06332d0f;background:linear-gradient(180deg,#ffffffdb,#ffffffb3)}.login-header h2{margin:.35rem 0 .25rem;color:#06332d;font-weight:800;font-size:1.5rem;line-height:1.05;letter-spacing:.2px}.login-header h2,.login-subtitle{font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body:not(.theme-light) .login-header h2{color:#00bfa5}body:not(.theme-light) .login-subtitle{color:#00bfa5f2}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form input{background-color:#0d1a26;border:1px solid #2a4a68;color:#e0e0e0;padding:.6rem .7rem;border-radius:6px;font-size:.95rem}.login-form label{color:#d1f5ef;font-weight:700}.login-form input::placeholder{color:#e0e0e08c}.login-btn{margin-top:1rem;background-color:#00bfa5;color:#001a16;border:none;padding:.75rem 1rem;border-radius:10px;font-weight:800;cursor:pointer;transition:background-color .2s,transform .15s ease,box-shadow .2s ease}.login-btn:hover{background-color:#00a088;transform:translateY(-1px);box-shadow:0 10px 24px #00a08859}.login-btn:active{transform:translateY(0)}.error-message{color:#e57373;background-color:#e573731a;border:1px solid rgba(229,115,115,.2);padding:.75rem;border-radius:6px;text-align:center;font-size:.9rem}body.theme-light .login-container{background:transparent}body.theme-light .login-card{background:linear-gradient(180deg,#ffffffeb,#fffc),linear-gradient(90deg,#93f9e038,#93f9e01f);border:1px solid #bff4ea;box-shadow:0 12px 28px #06332d1a,inset 0 1px #ffffffb3;color:#06332d}body.theme-light .login-header h2{color:#06332d}body.theme-light .login-form label{color:#0b3d35}body.theme-light .login-form input{background:#fffffff2;border:1px solid #bff4ea;color:#082a24;box-shadow:inset 0 1px #ffffffb3}body.theme-light .login-form input::placeholder{color:#082a2473}body.theme-light .login-btn{background:linear-gradient(180deg,#ffffffb3,#ffffff85),linear-gradient(90deg,#00bfa552,#00bfa52e);color:#064e3b;border:1px solid rgba(0,191,165,.45);box-shadow:0 10px 26px #06332d1a,inset 0 1px #ffffffd9}body.theme-light .login-btn:hover{background:linear-gradient(180deg,#ffffffc7,#ffffff94),linear-gradient(90deg,#00bfa561,#00bfa538);box-shadow:0 12px 28px #06332d1f,inset 0 1px #ffffffe0}body.theme-light .dashboard-card-foot strong{color:#064e3b;font-weight:600;text-shadow:none;background:linear-gradient(180deg,#ffffffeb,#f5faf8db),linear-gradient(90deg,#00bfa51a,#00bfa50f);border:1px solid rgba(0,191,165,.28);box-shadow:0 2px 6px #06332d1a,inset 0 1px #ffffffbf;border-radius:999px;padding:.1rem .5rem}.login-theme-toggle{position:absolute;top:10px;right:10px;display:inline-flex;gap:6px;background:#0a161859;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 6px;box-shadow:0 8px 18px #00000040;backdrop-filter:blur(6px) saturate(1.05);-webkit-backdrop-filter:blur(6px) saturate(1.05)}.login-theme-toggle .theme-dot{width:26px;height:26px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;color:#e6fffb;cursor:pointer;transition:transform .14s ease,background-color .14s ease,color .14s ease}.login-theme-toggle .theme-dot:hover{transform:translateY(-2px);background:#ffffff1f}.login-theme-toggle .theme-dot.active{background:#00bfa52e;border-color:#00bfa559;color:#00e6c1}.login-theme-toggle .theme-dot.effective:not(.active){outline:2px dashed rgba(0,191,165,.45);outline-offset:2px}body.theme-light .login-theme-toggle{background:#ffffffb3;border-color:#00000014}body.theme-light .login-theme-toggle .theme-dot{background:#ffffffe6;color:#06332d;border-color:#00000014}body.theme-light .login-theme-toggle .theme-dot.active{background:#00bfa533;border-color:#00bfa566;color:#065f46}body.theme-light .login-theme-toggle .theme-dot.effective:not(.active){outline:2px dashed rgba(0,191,165,.45);outline-offset:2px}.main-header{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #1a3245}.main-header h1{margin:0}.logout-btn{background-color:transparent;color:#a0a0a0;border:1px solid #334e68;padding:.5rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.main-title-link{text-decoration:none;color:inherit;flex:0 1 auto;max-width:30%;min-width:160px}.main-title{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;max-width:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.main-title .brand{font-size:1.75rem;font-weight:800;letter-spacing:.2px;color:#e8fbf7;text-shadow:0 1px 0 rgba(255,255,255,.04);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.main-title .sub{font-size:1.05rem;font-weight:600;opacity:.85;color:#cfeae4;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.theme-light .main-title .brand{color:#08343e;text-shadow:none}.theme-light .main-title .sub{color:#2c5961;opacity:.95}.main-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:999px;margin-right:15px;color:#93f9e0;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:2px solid rgba(147,249,224,.55);box-shadow:0 10px 26px #00000042,inset 0 1px #ffffff47;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);overflow:hidden}.main-logo:before{content:"";position:absolute;inset:2px;border-radius:999px;border:3px solid rgba(147,249,224,.12);pointer-events:none}.main-logo:after{content:"";position:absolute;inset:-1px;border-radius:999px;background:radial-gradient(closest-side,rgba(147,249,224,.12),transparent 65%);filter:blur(6px);opacity:.4;pointer-events:none}.main-logo-img{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:cover;display:none;border-radius:999px}.main-logo-circle{width:60px;height:60px;border-radius:999px;background:linear-gradient(180deg,#ffffff1a,#ffffff0d);border:1px solid rgba(147,249,224,.4);box-shadow:inset 0 1px #ffffff40}.main-logo-fallback{position:absolute;width:22px;height:22px;color:currentColor;opacity:.9}.main-logo[data-has-logo="1"] .main-logo-img{display:block}.main-logo[data-has-logo="1"] .main-logo-circle,.main-logo[data-has-logo="1"] .main-logo-fallback{display:none}.main-logo:focus-visible{outline:none;box-shadow:0 0 0 3px #00bfa559}.main-logo:hover{transform:translateY(-1px)}.main-nav{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-left:auto;margin-right:6vw}.nav-link{color:#e0eff3;text-decoration:none;padding:.45rem .75rem;border-radius:6px;border:1px solid transparent;font-weight:600}.nav-link .nav-icon{width:16px;height:16px;opacity:.9;margin-right:4px}.nav-link .nav-text{line-height:1}.nav-link .nav-icon{display:inline-flex;margin-right:0}.nav-link .nav-text{display:inline}@media (max-width: 720px){.nav-link .nav-icon{display:inline-flex;margin-right:0}.nav-link .nav-text{display:none}}.nav-link:hover{background:#00bfa514;border-color:#00bfa533}.nav-link:active{transform:translateY(1px)}.nav-link.active,.nav-link[aria-current=page]{background:linear-gradient(135deg,#00bfa538,#00bfa51a);color:#eafffb;border-color:#00bfa559;box-shadow:0 0 0 2px #00bfa514 inset}@media (max-width: 720px){.main-header{gap:0}.main-logo{order:1;width:64px;height:64px;margin-right:15px}.main-logo:before{inset:2px;border-width:3px}.main-logo-circle{width:54px;height:54px}.main-title-link{order:2;flex:1 1 auto;min-width:0;max-width:none}.main-title{gap:.1rem}.main-title .brand{font-size:1.25rem}.main-title .sub{font-size:.85rem}.main-nav{order:4;width:100%;margin-right:0;margin-top:14px}.header-avatar{order:3;margin-left:auto}}.profile-menu,.account-avatar.small,.menu-button,.profile-dropdown{display:none!important}.account-avatar.small:after{content:"";position:absolute;inset:0;border-radius:999px;pointer-events:none;border:1px solid rgba(255,255,255,.06);box-shadow:none}.menu-button{z-index:8}.logout-btn{display:inline-block;background-color:transparent;color:#a0a0a0;border:1px solid #334e68;padding:.5rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.logout-btn:hover{background-color:#334e68;color:#fff}.back-to-top-wrap{position:fixed;right:16px;bottom:16px;z-index:1500;pointer-events:none}.back-to-top-btn{pointer-events:auto;width:44px;height:44px;border-radius:999px;border:1px solid rgba(0,191,165,.35);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .22s ease,border-color .22s ease;box-shadow:0 10px 24px #00000040,inset 0 1px #ffffff0f;background:linear-gradient(180deg,#0d1a26db,#0d1a26b3);color:#eafffb}.back-to-top-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #00000052,inset 0 1px #ffffff14;border-color:#00d6ba99;background:linear-gradient(180deg,#102030f2,#102030d1)}.back-to-top-btn:active{transform:translateY(0)}body.theme-light .back-to-top-btn{background:linear-gradient(180deg,#ffffffeb,#f8fafcdb);color:#06353b;border-color:#00bfa559;box-shadow:0 8px 20px #0000001f,inset 0 1px #fffc}@media (max-width: 520px){.key-management-page .user-table{table-layout:fixed;min-width:0;width:100%}.key-management-page .user-table th:nth-child(1),.key-management-page .user-table td:nth-child(1){width:30%}.key-management-page .user-table th:nth-child(2),.key-management-page .user-table td:nth-child(2){width:25%}.key-management-page .user-table th:nth-child(3),.key-management-page .user-table td:nth-child(3){width:45%}.key-management-page .user-table th,.key-management-page .user-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-management-page h2{font-size:1rem;line-height:1.1;margin:0;display:inline-flex;align-items:center;gap:.4rem}.key-management-page .btn{font-size:.88rem;padding:6px 8px;gap:6px}.key-management-page>div[style]>div{gap:6px}.key-management-page>div:first-child{flex-direction:column;align-items:flex-start;gap:17px}.key-management-page>div:first-child h2{width:100%}.key-management-page>div:first-child>div{width:100%;display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}}body.theme-light .back-to-top-btn:hover{background:linear-gradient(180deg,#fffffffa,#f2f6f8eb);border-color:#00bfa58c;box-shadow:0 12px 24px #00000029,inset 0 1px #ffffffe6}@media (max-width: 720px){.settings-page{padding:10px;gap:.6rem}.settings-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:6px}.settings-tabs .tab-btn{width:100%;height:48px;padding:0 .6rem;font-size:.95rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.settings-content{padding:.75rem}.settings-content .tab-panel{padding:.6rem}.form-grid{grid-template-columns:1fr;gap:10px}.form-grid label{font-size:.98rem}.form-grid label span{font-size:.95rem}.toy-toggle-input{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.toy-toggle{--on: #88e661;--off: #f0f0f0;--transDur: .6s;background:radial-gradient(at top left,#fff 10%,#fff0 20%),radial-gradient(at top right,#fff 20%,#e4e4e4 35%);border-radius:6em;box-shadow:0 0 .25em #0002,0 3em 1.5em .5em #0002;cursor:pointer;display:block;font-size:10px;position:relative;width:20em;height:12em;-webkit-tap-highlight-color:transparent}.toy-toggle span{display:block;position:absolute}.toy-toggle>span{top:50%;left:50%}.toy-toggle>span:not(.handle){transform:translate(-50%,-50%)}.toy-toggle .border1{background:#f0f0f0;border-radius:5.5em;box-shadow:0 0 .2em .1em #f0f0f0;width:19em;height:11em}.toy-toggle .border2{background:linear-gradient(0deg,#fff 33%,#ccc 45%);border-radius:4.75em;box-shadow:0 0 .2em .3em #f0f0f0 inset;width:16.5em;height:9.5em}.toy-toggle .border3,.toy-toggle .handle{background:linear-gradient(90deg,var(--on) 50%,var(--off) 0)}.toy-toggle .border3{background-position:75% 0;background-size:200% 100%;border-radius:4.25em;box-shadow:0 0 .1em .1em #ddd inset,0 1.5em 1.5em 1em #0004 inset,0 0 0 4.25em #0002 inset;width:15.5em;height:8.5em;transition:background-position var(--transDur) ease-in-out}.toy-toggle .handle{border-radius:50%;box-shadow:0 0 .5em #0007;width:8.5em;height:8.5em;transform:translate(-90%,-50%);transition:transform var(--transDur) ease-in-out;z-index:0}.toy-toggle .handle:before{background:radial-gradient(2em 1.5em at 50% 35%,#fff6 15%,#fff0),radial-gradient(1.5em 2.5em at 75% 40%,#fff6 15%,#fff0),radial-gradient(100% 100% at 50% 33%,#0000 25%,#0003 50%);border-radius:50%;box-shadow:0 0 .3em .1em #0003 inset;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.toy-toggle .handle-off,.toy-toggle .handle-on{width:50%;height:100%;transition:transform calc(var(--transDur)/2);z-index:2}.toy-toggle .handle-off{background:var(--off);border-radius:100% 0 0 100%/50%;right:50%;transform-origin:100% 50%;transition-delay:calc(var(--transDur)/2);transition-timing-function:ease-out}.toy-toggle .handle-on{background:var(--on);border-radius:0 100% 100% 0/50%;left:50%;transform:scaleX(0);transform-origin:0 50%;transition-timing-function:ease-in}.toy-toggle-input:checked+.toy-toggle .border3{background-position:25% 0}.toy-toggle-input:checked+.toy-toggle .handle{transform:translate(-10%,-50%)}.toy-toggle-input:checked+.toy-toggle .handle-off{transform:scaleX(0);transition-delay:0s;transition-timing-function:ease-in}.toy-toggle-input:checked+.toy-toggle .handle-on{transform:scaleX(1);transition-delay:calc(var(--transDur)/2);transition-timing-function:ease-out}body.theme-light .toy-toggle{--off: #f7f7f7;--on: #88e661}body.theme-dark .toy-toggle{--off: #1e2b38;--on: #64d34b}.form-grid input,.form-grid textarea,.form-grid select{padding:.8rem .9rem;font-size:1rem;border-radius:8px}.form-grid label.full{grid-column:1 / -1}.general-group .theme-field,.general-group .auto-logout-field,.general-group .show-tooltips-field{width:100%;display:block}.form-grid .auto-group-wrapper{grid-column:1 / -1}.financial-group>div,.financial-group div[style]{display:grid!important;grid-template-columns:1fr!important;gap:.6rem!important}.financial-group input[type=number],.financial-group input[type=text]{width:100%;box-sizing:border-box}.logo-field{display:flex;flex-direction:column;gap:.5rem}.logo-preview-row{align-items:center}.logo-preview-row>div{flex:0 0 auto}.logo-preview-row img{display:block}.form-grid label.chk{flex-direction:row;align-items:center;gap:10px}.form-grid label.chk input[type=checkbox]{width:20px;height:20px}.logo-preview-row small,.auto-group .auto-group-sub{display:block;margin-top:.25rem}.actions .btn.primary{width:100%}.settings-status{font-size:.95rem;padding:.6rem}.general-group,.financial-group,.auto-group,.timezone-group{display:block;padding:10px;margin-bottom:8px}.logo-preview-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.logo-preview-row>div{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:10px;overflow:hidden}.logo-preview-row img{width:56px;height:56px;object-fit:cover;border-radius:10px}.logo-field input[type=file],.timezone-group select,.form-grid select{width:100%}.actions{flex-direction:column;align-items:stretch;gap:.6rem}.actions .btn{width:100%;padding:.85rem;font-size:1rem}.form-buttons{display:flex;flex-direction:column;gap:.6rem}.form-buttons button{width:100%}input[type=file],select{touch-action:manipulation}.db-status{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.logo-preview-row>div{width:48px;height:48px}.settings-tabs .tab-btn{padding:.45rem .6rem;font-size:.92rem;min-height:42px}.form-grid input,.form-grid select,.form-grid textarea{font-size:.96rem;padding:.7rem}.settings-page{padding:8px}}@media (max-width: 520px){.modal-content.edit-sized,.modal-content.add-viewer-wide{height:87vh!important;max-height:87vh!important;width:calc(100% - 2rem)!important;overflow:hidden!important;align-self:flex-start!important;margin-top:5vh!important;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem calc(.6rem + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;border-radius:12px!important;background:#0f1f2e99!important;-webkit-backdrop-filter:blur(8px) saturate(1.05)!important;backdrop-filter:blur(8px) saturate(1.05)!important;box-shadow:0 12px 36px #00000047!important}.modal-content.admin-profile-edit{height:60vh!important;max-height:60vh!important;width:calc(100% - 2rem)!important;overflow:hidden!important;align-self:flex-start!important;margin-top:5vh!important;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem calc(.6rem + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;border-radius:12px!important;background:#0f1f2e99!important;-webkit-backdrop-filter:blur(8px) saturate(1.05)!important;backdrop-filter:blur(8px) saturate(1.05)!important;box-shadow:0 12px 36px #00000047!important}.modal-content.add-admin{height:67vh!important;max-height:67vh!important;width:calc(100% - 2rem)!important;overflow:hidden!important;align-self:flex-start!important;margin-top:5vh!important;padding:calc(.75rem + env(safe-area-inset-top,0px)) 1rem calc(.6rem + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;border-radius:12px!important;background:#0f1f2e99!important;-webkit-backdrop-filter:blur(8px) saturate(1.05)!important;backdrop-filter:blur(8px) saturate(1.05)!important;box-shadow:0 12px 36px #00000047!important}.modal-content.edit-sized .modal-body{max-height:calc(87vh - 140px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-right:6px}.modal-content.admin-profile-edit .modal-body{max-height:calc(67vh - 140px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-right:6px}.modal-content.add-viewer-wide .modal-body{max-height:calc(87vh - 140px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-right:6px!important}.modal-content.add-admin .modal-body{max-height:calc(67vh - 140px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-right:6px!important}.modal-content.edit-sized .modal-actions,.modal-content.admin-profile-edit .modal-actions{margin-top:auto!important;position:sticky!important;bottom:calc(env(safe-area-inset-bottom,0px) + 10px)!important;background:transparent!important;padding-top:6px!important;z-index:40!important}.modal-content.admin-profile-edit .modal-title,.modal-content.edit-sized .modal-title{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;background:transparent!important;padding-bottom:.25rem!important}.modal-content.admin-profile-edit .header-reset-btn,.modal-content.edit-sized .header-reset-btn{display:inline-flex!important;width:40vw!important;max-width:100%!important;justify-content:center!important;padding:.45rem .6rem!important;margin:.5rem auto 0!important;border-radius:8px!important;align-self:center!important;background:#e74c3c1f!important;border:1px solid rgba(231,76,60,.22)!important;text-align:center!important}.modal-content.edit-sized .modal-title h3,.modal-content.admin-profile-edit .modal-title h3{font-size:1.12rem!important;line-height:1.12!important;margin-bottom:0!important}.modal-content.edit-sized .modal-title h3 .modal-action-name,.modal-content.admin-profile-edit .modal-title h3 .modal-action-name{display:inline!important;font-weight:600}.modal-content.edit-sized .modal-title h3 .modal-action-name,.modal-content.admin-profile-edit .modal-title h3 .modal-action-name{display:block!important;margin-top:.25rem!important;font-size:1.02rem!important;line-height:1.1!important}}@media (max-width: 520px){body.theme-light .modal-content{background:linear-gradient(180deg,#ffffff80,#ffffff80)!important;border-color:#0b7c751a!important;box-shadow:0 12px 30px #06332d0f!important;color:#000!important}body.theme-light .modal-content .modal-title h3{color:#000!important;font-weight:800!important}body.theme-light .modal-content .modal-title .modal-subtitle{color:#0d6efd!important;font-weight:700!important}body.theme-light .modal-content .modal-form label{color:#000!important}body.theme-light .modal-content .header-reset-btn{background:linear-gradient(180deg,#dc3545,#c8283a)!important;color:#fff!important;border:1px solid rgba(200,40,58,.96)!important;box-shadow:0 8px 22px #c8283a1f!important;padding:.45rem .8rem!important;border-radius:8px!important;align-self:center!important}body.theme-light .modal-content .header-reset-btn svg,body.theme-light .modal-content .header-reset-btn .fa-key{color:#7b1e1e!important;fill:#7b1e1e!important}}.matview-status-card{margin:1rem 0 1.25rem}.matview-collapsed{display:flex;align-items:center;gap:.55rem;width:100%;text-align:left;background:linear-gradient(180deg,#00bfa51a,#0088ff14);border:1px solid rgba(0,191,165,.28);color:#cff9ef;padding:.55rem .75rem;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.35px;position:relative;transition:background-color .16s ease,box-shadow .16s ease,transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease}.matview-collapsed:hover{background:linear-gradient(180deg,#00bfa52e,#0088ff24);box-shadow:0 8px 24px #00000059;transform:translateY(-2px)}.matview-collapsed:active{transform:translateY(0)}.matview-collapsed:focus-visible{outline:none;box-shadow:0 0 0 4px #00bfa552,0 6px 20px #00000073}.matview-collapsed .mv-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#00e6c1}.matview-collapsed .mv-icon svg{width:100%;height:100%;fill:currentColor}.matview-collapsed .mv-title{font-size:.82rem;font-weight:700;color:#eafffb;letter-spacing:.4px}.matview-collapsed .state{color:#9fe7dc;font-weight:700}.matview-collapsed .last{color:#c8fff4;font-weight:400}.matview-collapsed .err{color:#ff6b6b;font-weight:700}.matview-collapsed .sep{opacity:.55;color:#c8fff4}.matview-collapsed .chevron{margin-left:auto;font-size:.9rem;color:#9fe7dc;transition:transform .22s ease}.matview-collapsed[aria-expanded=true] .chevron{transform:rotate(180deg)}.matview-expanded{margin-top:.5rem;padding:.75rem .85rem .9rem;border-radius:10px;border:1px solid rgba(0,191,165,.28);background:linear-gradient(180deg,#0f1f2eb3,#0f1f2e80);backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);animation:mv-expand .18s cubic-bezier(.2,.9,.3,1);box-shadow:0 14px 38px #00000073,inset 0 1px #ffffff0f}@keyframes mv-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.matview-body{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.65rem}.matview-row{display:flex;gap:.5rem;font-size:.78rem;align-items:baseline}.matview-row .label{font-weight:700;color:#9fe7dc;letter-spacing:.35px}.matview-row .value{font-weight:600;color:#eafffb}.matview-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mv-btn{display:inline-flex;gap:.4rem;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.35px;padding:.55rem .75rem;border-radius:8px;border:1px solid rgba(0,191,165,.3);background:linear-gradient(135deg,#00bfa538,#0088ff2e);color:#eafffb;cursor:pointer;position:relative;transition:background-color .16s ease,transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease}.mv-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #0006}.mv-btn:active:not(:disabled){transform:translateY(0)}.mv-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #00bfa559,0 10px 30px #0000008c}.mv-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.mv-btn.refresh{background:linear-gradient(135deg,#00bfa54d,#0088ff38)}.mv-btn.now{background:linear-gradient(135deg,#ffa80047,#ff5e0047);border-color:#ffa80066}.mv-btn.reload{background:linear-gradient(135deg,#93f9e038,#00bfa529)}.mv-btn .btn-ico{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.mv-btn .btn-ico svg{width:100%;height:100%;fill:currentColor}.mv-btn.refresh.spinning .btn-ico{animation:mv-spin .9s linear infinite}@keyframes mv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-toast{background:linear-gradient(90deg,#e74c3c38,#e74c3c4d);border:1px solid rgba(231,76,60,.42);color:#ffb3b3;padding:.5rem .65rem;border-radius:8px;font-size:.72rem;font-weight:700;letter-spacing:.35px;margin-bottom:.55rem;box-shadow:0 6px 18px #e74c3c40,inset 0 1px #ffffff0f}body.theme-light .matview-collapsed{background:linear-gradient(180deg,#93f9e04d,#93f9e02e);border-color:#0b7c754d;color:#063b33;box-shadow:0 6px 18px #06332d14}body.theme-light .matview-collapsed:hover{background:linear-gradient(180deg,#93f9e066,#93f9e042);box-shadow:0 10px 24px #06332d1f}body.theme-light .matview-collapsed .mv-title{color:#064e3b}body.theme-light .matview-collapsed .state{color:#0b6b5c}body.theme-light .matview-collapsed .last{color:#2c5953}body.theme-light .matview-collapsed .sep{color:#2c5953;opacity:.55}body.theme-light .matview-collapsed .chevron{color:#0b6b5c}body.theme-light .matview-expanded{background:linear-gradient(180deg,#fffc,#ffffffa6);border-color:#0b7c754d;box-shadow:0 12px 30px #06332d1a,inset 0 1px #ffffffb3}body.theme-light .matview-row .label{color:#065f46}body.theme-light .matview-row .value{color:#083d36}body.theme-light .mv-btn{background:linear-gradient(135deg,#93f9e066,#93f9e042);color:#063b33;border-color:#0b7c7559;box-shadow:0 6px 18px #06332d1a,inset 0 1px #ffffffa6}body.theme-light .mv-btn.refresh{background:linear-gradient(135deg,#00bfa573,#0088ff4d);color:#053d34}body.theme-light .mv-btn.now{background:linear-gradient(135deg,#ffc10761,#ff5e004d);color:#533300;border-color:#ffc1078c}body.theme-light .mv-btn.reload{background:linear-gradient(135deg,#93f9e073,#93f9e04d);color:#064e3b}body.theme-light .mv-btn:hover:not(:disabled){box-shadow:0 10px 24px #06332d24}body.theme-light .error-toast{background:linear-gradient(90deg,#e74c3c4d,#e74c3c66);border-color:#e74c3c8c;color:#641e1e;box-shadow:0 8px 26px #e74c3c1f,inset 0 1px #fffc}@media (max-width: 520px){.matview-actions{flex-direction:column}.mv-btn{width:100%;justify-content:center}.matview-collapsed{font-size:.78rem;padding:.5rem .65rem}}.transfer-modal{width:90%!important;max-width:1400px!important;max-height:none!important;height:auto!important;overflow:visible!important}.transfer-modal .modal-body{padding:1.5rem}.transfer-modal .modal-header h3{font-size:1.15rem;color:var(--accent)}@media (max-width: 768px){.transfer-modal .modal-body{padding:1rem}.transfer-modal .modal-header h3{font-size:1rem}.transfer-modal label{font-size:.85rem;font-weight:600}.transfer-modal select,.transfer-modal select option{font-size:.85rem;padding:.5rem .6rem}}.transfer-modal select{background:#14233280;border:1px solid rgba(0,191,165,.25);color:#f0f0f0;padding:.65rem .75rem;border-radius:6px;font-size:.95rem;box-shadow:0 2px 8px #0000004d;cursor:pointer;transition:all .2s ease}.transfer-modal select:hover{border-color:#00bfa566;box-shadow:0 2px 12px #00bfa526}.transfer-modal select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00bfa533,0 2px 12px #00bfa526}.transfer-modal select option{background-color:#14233280!important;background:#14233280!important;color:#fff!important;padding:.65rem .75rem;font-weight:500}.transfer-modal select option:hover{background-color:#c8fff2!important;background:#c8fff2!important;color:#064e3b!important;font-weight:600}.transfer-modal select option:focus{background-color:#c8fff2!important;background:#c8fff2!important;color:#064e3b!important;font-weight:600}.transfer-modal select option:checked{background-color:#00bfa54d!important;background:#00bfa54d!important;color:#0fc!important;font-weight:600}.modal-content.transfer-modal,body.theme-light .modal-content.transfer-modal,body:not(.theme-light) .modal-content.transfer-modal{width:100%!important;max-width:1400px!important;max-height:none!important;height:auto!important;overflow:visible!important;background:#0f1f2e80!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-elev)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;backdrop-filter:blur(8px) saturate(120%)!important}body.theme-light .modal-content.transfer-modal{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-elev)!important}body.theme-light .transfer-modal select{background:linear-gradient(180deg,#fffffffa,#ffffffeb);border:1px solid #bff4ea;color:#082a24;box-shadow:inset 0 1px #fffc,0 3px 12px #06332d14}body.theme-light .transfer-modal select:hover{border-color:#79f1dd;box-shadow:inset 0 1px #fffc,0 3px 15px #06332d1f}body.theme-light .transfer-modal select:focus{border-color:#00bfa5;box-shadow:0 0 0 3px #00bfa540,inset 0 1px #ffffffd9}body.theme-light .transfer-modal select option{background-color:#fff!important;background:#fff!important;color:#082a24!important}body.theme-light .transfer-modal select option:hover{background-color:#00bfa5!important;background:#00bfa5!important;color:#001a16!important}body.theme-light .transfer-modal select option:focus{background-color:#00bfa5!important;background:#00bfa5!important;color:#001a16!important}body.theme-light .transfer-modal select option:checked{background-color:#c8fff2!important;background:#c8fff2!important;color:#064e3b!important}body.theme-light .transfer-modal .user-search{background:linear-gradient(180deg,#ffffffb3,#ffffff8c);border:1px solid #bff4ea}body.theme-light .transfer-modal .user-search-input{color:#082a24}body.theme-light .transfer-modal .modal-header h3{color:#064e3b}.modal-backdrop .modal-overlay .modal-content.transfer-modal,.modal-overlay .modal-content.transfer-modal,body.theme-light .modal-backdrop .modal-overlay .modal-content.transfer-modal,body.theme-light .modal-overlay .modal-content.transfer-modal,body.theme-light .modal-backdrop .modal-content.transfer-modal,body.theme-light .modal-content.transfer-modal.transfer-modal{background:var(--glass-bg)!important;background-image:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-elev)!important;color:inherit!important;-webkit-backdrop-filter:blur(10px) saturate(120%)!important;backdrop-filter:blur(10px) saturate(120%)!important}body.theme-light .modal-content.transfer-modal .modal-header h3,body.theme-light .modal-content.transfer-modal .modal-footer{color:#082a24!important}#transfer-modal{background:#0f1f2e80!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-elev)!important;-webkit-backdrop-filter:blur(8px) saturate(120%)!important;backdrop-filter:blur(8px) saturate(120%)!important}body.theme-light #transfer-modal{background:var(--glass-bg)!important;background-image:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-elev)!important;color:inherit!important}@media (max-width: 640px){.list-toolbar .actions{display:inline-flex!important;flex-direction:row!important;gap:.5rem!important;align-items:center!important}.list-toolbar .actions .page-btn{padding:.45rem .75rem!important;font-size:.95rem!important}body.theme-light .list-toolbar .actions .page-btn{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-elev)!important;color:#082a24!important}body.theme-light .list-toolbar .actions .page-btn:hover{filter:brightness(.98)!important}}@media (max-width: 640px){.modal-content.status-users-modal .status-users-list table.user-table.compact{table-layout:fixed!important;width:100%!important;min-width:0!important}.modal-content.status-users-modal .status-users-list table.user-table.compact thead{display:table-header-group!important}.modal-content.status-users-modal .status-users-list table.user-table.compact tbody{display:table-row-group!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(1),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(1){width:30%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(2),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(2){width:15%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(3),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(3){width:30%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(4),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(4){width:25%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th,.modal-content.status-users-modal .status-users-list table.user-table.compact td{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;padding-left:.18rem!important;padding-right:.18rem!important}.modal-content.status-users-modal .status-users-list table.user-table.compact td{display:table-cell!important;vertical-align:middle!important;padding-top:.28rem!important;padding-bottom:.28rem!important}.modal-content.status-users-modal .status-users-list table.user-table.compact td>svg.row-status-icon{display:inline-block!important;vertical-align:middle!important;margin-right:.18rem!important;flex:0 0 auto!important}.modal-content.status-users-modal .status-users-list table.user-table.compact td>span{display:inline-block!important;vertical-align:middle!important;max-width:100%!important}}@media (min-width: 641px){.modal-content.status-users-modal .status-users-list table.user-table.compact{table-layout:fixed!important;width:100%!important;min-width:0!important;border-collapse:collapse!important}.modal-content.status-users-modal .status-users-list table.user-table.compact thead{display:table-header-group!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(1),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(1){width:30%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(2),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(2){width:15%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(3),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(3){width:30%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th:nth-child(4),.modal-content.status-users-modal .status-users-list table.user-table.compact td:nth-child(4){width:25%!important}.modal-content.status-users-modal .status-users-list table.user-table.compact th,.modal-content.status-users-modal .status-users-list table.user-table.compact td{padding-left:.4rem!important;padding-right:.4rem!important;white-space:normal!important;overflow-wrap:anywhere!important}.modal-content.status-users-modal .status-users-list table.user-table.compact td>svg.row-status-icon{display:inline-block!important;margin-right:.25rem!important;vertical-align:middle!important}}@media (min-width: 641px){body.theme-light .list-toolbar .actions .page-btn{background:var(--glass-bg)!important;background-image:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-elev)!important;color:#082a24!important}body.theme-light .list-toolbar .actions .page-btn:hover{filter:brightness(.98)!important}}@media (min-width: 641px){.modal-content.status-users-modal .status-users-list table.user-table.compact td.account-with-status,.modal-content.status-users-modal .status-users-list table.user-table.compact td.account-with-status>.account-with-status{display:table-cell!important;vertical-align:middle!important;padding-left:.45rem!important;padding-right:.45rem!important}.modal-content.status-users-modal .status-users-list table.user-table.compact td.account-with-status>svg.row-status-icon{display:inline-block!important;vertical-align:middle!important;margin-right:.3rem!important}.modal-content.status-users-modal .status-users-list table.user-table.compact td.account-with-status>span{display:inline-block!important;vertical-align:middle!important;max-width:calc(100% - 36px)!important;white-space:normal!important;overflow-wrap:anywhere!important}}@media (max-width: 520px){.modal-content.admin-profile-edit .modal-header{display:flex;gap:.6rem;align-items:flex-start;flex-wrap:nowrap}.modal-content.admin-profile-edit .modal-title,.modal-content.admin-profile-edit .modal-subtitle,.modal-content.admin-profile-edit .modal-action-role,.modal-content.admin-profile-edit .modal-action-name,.modal-content.admin-profile-edit .header-reset-btn,.modal-content.admin-profile-edit .reset-btn{width:40vw;max-width:40vw;box-sizing:border-box;display:block;white-space:normal;overflow:visible}.modal-content.admin-profile-edit .header-reset-btn{margin-top:.4rem;padding:.45rem .65rem}.modal-content.admin-profile-edit .modal-title h3{margin:0;line-height:1.1}.modal-content.admin-profile-edit .avatar-preview{flex:0 0 auto;width:56px;height:56px}.modal-content.admin-profile-edit .modal-header .modal-title{flex:0 0 40vw}.modal-content.add-viewer-wide .modal-form .form-group label{display:block;margin-bottom:2px}.modal-content.add-viewer-wide .modal-form .form-group>input,.modal-content.add-viewer-wide .modal-form .form-group>select,.modal-content.add-viewer-wide .modal-form .form-group>textarea{margin-top:0;margin-bottom:0;padding-top:6px;padding-bottom:6px}.modal-content.full-height-reset{height:97vh!important;max-height:97vh!important;overflow:hidden}.modal-content.full-height-reset .modal-body,.modal-content.full-height-reset .modal-form{max-height:calc(97vh - 110px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.modal-content.admin-profile-edit.full-height-reset{height:72vh!important;max-height:72vh!important;overflow:hidden!important}.modal-content.admin-profile-edit.full-height-reset .modal-actions,.modal-content.full-height-reset .modal-actions{position:static!important;bottom:auto!important;box-shadow:none!important;margin-top:8px!important}}.modal-content.admin-profile-edit.full-height-reset .modal-body,.modal-content.admin-profile-edit.full-height-reset .modal-form{max-height:calc(80vh - 140px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.modal-content.admin-profile-edit.full-height-reset .modal-actions{position:sticky!important;bottom:calc(env(safe-area-inset-bottom,12px) + 12px)!important;margin-top:8px!important;z-index:60!important;display:flex!important;gap:.75rem!important;justify-content:flex-end!important;background:#0f1f2e05!important;padding:8px 10px!important;border-radius:10px!important;box-shadow:0 8px 20px #02080c2e!important;animation:modalActionsIn .22s cubic-bezier(.2,.9,.3,1) both}@keyframes modalActionsIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}body.theme-light .search-page{--search-input-bg: rgba(0,0,0,.04);--search-input-border: rgba(0,0,0,.25);--search-input-text: #0b2230;--search-input-icon: rgba(0,0,0,.55);--chip-bg: rgba(0,0,0,.06);--chip-border: rgba(0,0,0,.2);--chip-text: #0b2230;--chip-active-bg: rgba(59,130,246,.14);--chip-active-border: rgba(59,130,246,.45);--chip-active-text: #0b2230;--btn-bg: linear-gradient(180deg,#ffffff 0%,#f3f6f9 100%);--btn-border: rgba(0,0,0,.2);--btn-text: #0b2230;--header-bg: #d9f9e1;--checkbox-accent: #14b8a6;--status-active: #5cb85c;--status-soon: #f0ad4e;--status-expired: #d9534f;--row-alt-bg: rgba(0,0,0,.025);--row-hover-bg: rgba(59,130,246,.08);--badge-shadow: 0 0 0 1px rgba(0,0,0,.08)}body:not(.theme-light) .search-page{--search-input-bg: rgba(255,255,255,.1);--search-input-border: rgba(255,255,255,.28);--search-input-text: lightgreen;--search-input-icon: rgba(255,255,255,.65);--chip-bg: rgba(255,255,255,.11);--chip-border: rgba(255,255,255,.3);--chip-text: #f4fbff;--chip-active-bg: rgba(96,165,250,.18);--chip-active-border: rgba(96,165,250,.45);--chip-active-text: #dbeafe;--btn-bg: linear-gradient(180deg,#2a3742 0%, #1b2a34 100%);--btn-border: rgba(255,255,255,.18);--btn-text: #eaf4f8;--header-bg: rgba(255,255,255,.08);--checkbox-accent: #9ae6b4;--status-active: #54c864;--status-soon: #f3b34e;--status-expired: #e4645c;--row-alt-bg: rgba(255,255,255,.045);--row-hover-bg: rgba(96,165,250,.24);--badge-shadow: 0 0 0 1px rgba(255,255,255,.18), 0 0 4px -1px rgba(96,165,250,.35);--table-border-color: rgba(255,255,255,.09);--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.18);--glass-shadow: 0 4px 24px -6px rgba(0,0,0,.55), 0 2px 8px -2px rgba(0,0,0,.5), inset 0 0 0 1px rgba(255,255,255,.12);--panel-bg: rgba(27,42,52,.65);--panel-border: rgba(255,255,255,.14);--panel-radius: 18px;--text-primary: #e9f4fa;--text-secondary: #b7cad5;--accent: #3ba9f4;--accent-glow: 0 0 0 2px rgba(59,169,244,.35)}.search-page .search-bar{margin-bottom:1rem;display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.search-page .search-input-wrapper{position:relative;width:40%;min-width:260px}.search-page .search-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--search-input-icon);pointer-events:none}.search-page .search-input{width:100%;height:36px;padding:0 10px 0 34px;border-radius:8px;background:var(--search-input-bg);border:1px solid var(--search-input-border);color:var(--search-input-text);outline:none;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.search-page .search-input:focus{box-shadow:0 0 0 2px #3b82f659}.search-page .search-input::placeholder{color:var(--search-input-icon);opacity:.75}.search-page .search-input:hover{background:linear-gradient(180deg,var(--search-input-bg) 0%,rgba(0,0,0,.07))}.search-page .fuzzy-chip{display:flex;align-items:center;gap:.4rem;font-size:.85rem;height:36px;padding:0 12px;border-radius:9px;border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--chip-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.search-page .fuzzy-chip.active{border-color:var(--chip-active-border);background:var(--chip-active-bg);color:var(--chip-active-text)}.search-page .fuzzy-chip:hover{background:var(--chip-active-bg);border-color:var(--chip-active-border)}.search-page .fuzzy-checkbox{width:16px;height:16px}.search-page .search-btn{height:36px;padding:0 14px;border-radius:9px;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-text);display:flex;align-items:center;gap:8px;box-shadow:0 1px #0000000d;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}.search-page .search-btn:hover:not([disabled]){filter:brightness(1.08)}.search-page .search-btn:active:not([disabled]){transform:translateY(1px)}.search-page .search-btn[disabled]{opacity:.65;cursor:not-allowed}.search-page .btn-small{transition:background .15s ease,transform .1s ease}.search-page .btn-small:hover:not([disabled]){background:var(--chip-active-bg)}.search-page .btn-small:active:not([disabled]){transform:translateY(1px)}.search-page .bulk-extend-btn{transition:background .15s ease,transform .1s ease}.search-page .bulk-extend-btn:hover:not([disabled]){background:var(--chip-active-bg)}.search-page .bulk-extend-btn:active:not([disabled]){transform:translateY(1px)}.search-page .btn{font:inherit;border:none;outline:none;background:none}@keyframes spin{to{transform:rotate(360deg)}}.search-page .spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:#3b82f6e6;border-radius:50%;animation:spin .6s linear infinite}body:not(.theme-light) .search-page .spinner{border:2px solid rgba(255,255,255,.25);border-top-color:#60a5fae6}.search-page .bulk-extend-btn{height:36px;padding:0 10px;border-radius:8px}body.theme-light .search-page input[type=checkbox]{accent-color:var(--checkbox-accent)}body:not(.theme-light) .search-page input[type=checkbox]{accent-color:var(--checkbox-accent)}.search-page .user-table thead{background:var(--header-bg)}body:not(.theme-light) .search-page .user-table thead{-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1)}body.theme-light .search-page .user-table thead{background:var(--header-bg)}.search-page .status-badge{display:inline-block;padding:.15rem .45rem;border-radius:.5rem;color:#fff;font-size:.65rem;letter-spacing:.5px;box-shadow:var(--badge-shadow)}.search-page .status-badge.status-active{background:var(--status-active)}.search-page .status-badge.status-soon{background:var(--status-soon)}.search-page .status-badge.status-expired{background:var(--status-expired)}.search-page.desktop .user-table th.col-sel,.search-page.desktop .user-table td.col-sel{width:3%;text-align:center}.search-page.desktop .user-table th.col-account,.search-page.desktop .user-table td.col-account{width:21%}.search-page.desktop .user-table th.col-service,.search-page.desktop .user-table td.col-service{width:8%}.search-page.desktop .user-table th.col-server,.search-page.desktop .user-table td.col-server{width:20%}.search-page.desktop .user-table th.col-status,.search-page.desktop .user-table td.col-status{width:7%}.search-page.desktop .user-table th.col-expire,.search-page.desktop .user-table td.col-expire{width:10%}.search-page.desktop .user-table th.col-contact,.search-page.desktop .user-table td.col-contact{width:7%}.search-page.desktop .user-table th.col-remark,.search-page.desktop .user-table td.col-remark{width:10%}.search-page.desktop .user-table th.col-actions,.search-page.desktop .user-table td.col-actions{width:15%}.search-page .user-table tbody tr:nth-child(2n){background:var(--row-alt-bg)}.search-page .user-table tbody tr:hover{background:var(--row-hover-bg)}body:not(.theme-light) .search-page .user-table tbody tr{border-bottom:1px solid var(--table-border-color)}body:not(.theme-light) .search-page .user-table thead tr{border-bottom:1px solid var(--table-border-color)}.search-page .user-table tbody tr.selected{background:var(--row-hover-bg)!important}.search-page .remark-cell{max-width:180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-page .row-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media (max-width: 899px){body:not(.theme-light) .search-page .search-bar{background:linear-gradient(135deg,#ffffff1a,#ffffff0d 70%)!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border:1px solid var(--glass-border);padding:.55rem .85rem;border-radius:18px;box-shadow:var(--glass-shadow);outline:1px solid rgba(255,255,255,.1)}.search-page .user-table{table-layout:fixed;width:100%;min-width:0}.search-page .user-table th,.search-page .user-table td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.search-page .user-table tbody td{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.25}.search-page .user-table tbody td.col-status,.search-page .user-table tbody td.col-expire,.search-page .user-table tbody td.col-actions,.search-page .user-table tbody td.col-sel{white-space:nowrap}.search-page .user-table th.col-status,.search-page .user-table td.col-status{display:table-cell!important}.search-page .user-table th,.search-page .user-table td{padding:.38rem .44rem;font-size:.68rem}.search-page .user-table thead th{font-size:.74rem;font-weight:700}.search-page .status-badge{font-size:.36rem;padding:.16rem .42rem;letter-spacing:.3px}.search-page .row-actions{gap:.2rem}.search-page .remark-cell{max-width:120px}.search-page .user-table.admin-table th.col-sel,.search-page .user-table.admin-table td.col-sel{width:3%}.search-page .user-table.admin-table th.col-account,.search-page .user-table.admin-table td.col-account{width:22%}.search-page .user-table.admin-table th.col-service,.search-page .user-table.admin-table td.col-service{width:10%}.search-page .user-table.admin-table th.col-server,.search-page .user-table.admin-table td.col-server{width:20%}.search-page .user-table.admin-table th.col-status,.search-page .user-table.admin-table td.col-status{width:11%}.search-page .user-table.admin-table th.col-expire,.search-page .user-table.admin-table td.col-expire,.search-page .user-table.admin-table th.col-actions,.search-page .user-table.admin-table td.col-actions{width:17%}.search-page .user-table:not(.admin-table) th.col-account,.search-page .user-table:not(.admin-table) td.col-account{width:23%}.search-page .user-table:not(.admin-table) th.col-service,.search-page .user-table:not(.admin-table) td.col-service{width:10%}.search-page .user-table:not(.admin-table) th.col-server,.search-page .user-table:not(.admin-table) td.col-server{width:21%}.search-page .user-table:not(.admin-table) th.col-status,.search-page .user-table:not(.admin-table) td.col-status{width:11%}.search-page .user-table:not(.admin-table) th.col-expire,.search-page .user-table:not(.admin-table) td.col-expire{width:17%}.search-page .user-table:not(.admin-table) th.col-actions,.search-page .user-table:not(.admin-table) td.col-actions{width:18%}body:not(.theme-light) .search-page .user-table{background:linear-gradient(160deg,#ffffff12,#ffffff08);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);border:1px solid var(--glass-border);border-radius:18px;overflow:hidden;box-shadow:var(--glass-shadow)}body:not(.theme-light) .search-page .user-table thead{background:linear-gradient(180deg,#ffffff24,#ffffff0f)!important}body:not(.theme-light) .search-page .user-table tbody tr{background:transparent}body:not(.theme-light) .search-page .user-table tbody tr:nth-child(2n){background:#ffffff0b}body:not(.theme-light) .search-page .user-table tbody tr:hover{background:#60a5fa47}body:not(.theme-light) .search-page .user-table tbody tr.selected{background:#60a5fa52!important}body:not(.theme-light) .search-page .user-table tbody tr:hover{box-shadow:inset 0 0 0 9999px #60a5fa0d}body:not(.theme-light) .search-page .user-table tbody tr.selected{box-shadow:inset 0 0 0 9999px #60a5fa12}body:not(.theme-light) .search-page .search-input{background:linear-gradient(145deg,#ffffff2e,#ffffff14);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 1px #ffffff1a,0 2px 6px -2px #0000008c}body:not(.theme-light) .search-page .fuzzy-chip{background:linear-gradient(145deg,#ffffff24,#ffffff0f);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%)}body:not(.theme-light) .search-page .fuzzy-chip.active{background:linear-gradient(145deg,#60a5fa59,#60a5fa38);border-color:#60a5fa8c}body:not(.theme-light) .search-page .search-btn{background:linear-gradient(145deg,#ffffff2e,#ffffff14);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(255,255,255,.28)}body:not(.theme-light) .search-page .status-badge{text-shadow:0 0 4px rgba(0,0,0,.6);box-shadow:0 0 0 1px #ffffff1f,0 2px 6px -2px #0009}body:not(.theme-light) .search-page .status-badge.status-active{filter:drop-shadow(0 0 4px rgba(84,200,100,.25))}body:not(.theme-light) .search-page .status-badge.status-soon{filter:drop-shadow(0 0 4px rgba(243,179,78,.25))}body:not(.theme-light) .search-page .status-badge.status-expired{filter:drop-shadow(0 0 4px rgba(228,100,92,.25))}body:not(.theme-light) .search-page .admin-header{background:linear-gradient(140deg,#ffffff1f,#ffffff0a);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--panel-border);border-radius:var(--panel-radius);padding:12px 18px;box-shadow:var(--glass-shadow);color:var(--text-primary)}body:not(.theme-light) .search-page .admin-title{color:var(--text-primary)}body:not(.theme-light) .search-page .admin-subtitle{color:var(--text-secondary)}body:not(.theme-light) .search-page .btn-small.btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);color:var(--text-primary);transition:background .15s ease,box-shadow .15s ease,transform .1s ease}body:not(.theme-light) .search-page .btn-small.btn:hover:not([disabled]){background:#3ba9f440;box-shadow:0 0 0 1px #3ba9f48c,0 0 8px -2px #3ba9f48c}body:not(.theme-light) .search-page .btn-small.btn:active:not([disabled]){transform:translateY(1px)}body:not(.theme-light) .search-page .bulk-extend-btn.btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);color:var(--text-primary);transition:background .15s ease,box-shadow .15s ease,transform .1s ease}body:not(.theme-light) .search-page .bulk-extend-btn.btn:hover:not([disabled]){background:#54c86447;box-shadow:0 0 0 1px #54c86480,0 0 8px -2px #54c8648c}body:not(.theme-light) .search-page .bulk-extend-btn.btn:active:not([disabled]){transform:translateY(1px)}body:not(.theme-light) .search-page .search-btn.btn:focus-visible{box-shadow:var(--accent-glow)}body:not(.theme-light) .search-page .search-btn.btn:hover:not([disabled]){background:linear-gradient(145deg,#ffffff3d,#ffffff1f);box-shadow:0 0 0 1px #ffffff38,0 0 10px -2px #3ba9f48c}body:not(.theme-light) .search-page .search-input-wrapper{width:100%;min-width:0}body:not(.theme-light) .search-page .search-input-icon{left:12px}body:not(.theme-light) .search-page .search-input{height:40px;font-size:.98rem;padding-left:38px;border-radius:12px;border-color:#ffffff52}body:not(.theme-light) .search-page .fuzzy-chip{height:38px;border-radius:12px}body:not(.theme-light) .search-page .search-btn{height:40px;flex:1 1 auto;justify-content:center}body:not(.theme-light) .search-page .btn-small.btn{min-width:20px;min-height:20px;width:20px;height:20px;border-radius:3px}body:not(.theme-light) .search-page .user-table{border-radius:14px}body:not(.theme-light) .search-page .user-table th,body:not(.theme-light) .search-page .user-table td{padding:.38rem .44rem;font-size:.68rem}body:not(.theme-light) .search-page .status-badge{font-size:.36rem;padding:.16rem .42rem;letter-spacing:.3px}body:not(.theme-light) .search-page input[type=checkbox]{width:12px;height:12px}.search-page .user-table input[type=checkbox]{width:12px;height:12px}.search-page .btn-small.btn{min-width:20px;min-height:20px;width:20px;height:20px;padding:2px 2px 1px;border-radius:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-size:.46rem;line-height:1;white-space:normal;text-align:center;gap:1px}.search-page .btn-small.btn svg{width:12px;height:12px;flex-shrink:0}.search-page .btn-small.btn span{display:block;line-height:1;word-break:break-word}.search-page .bulk-extend-btn.btn{padding:.15rem .4rem;min-height:24px;font-size:.6rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:4px}body:not(.theme-light) .search-page .user-table thead{background:#ffffff14!important;border-radius:6px;box-shadow:inset 0 -1px #ffffff26;-webkit-backdrop-filter:brightness(1.15);backdrop-filter:brightness(1.15)}body:not(.theme-light) .search-page .user-table thead th{color:#e0f7ff}}