/* Site-owned visual layer for the unmodified, version-pinned Sub2API frontend. */
html:not(.dark){color-scheme:light;--brand-blue:#2260f2;--brand-ink:#192941}
html:not(.dark) body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#f7f9fc;color:var(--brand-ink);-webkit-font-smoothing:antialiased}
html:not(.dark) .sidebar{background:#fff!important;border-color:#e8edf5!important;box-shadow:2px 0 20px #233a6003}
html:not(.dark) .sidebar-header{height:76px;border-color:#edf1f7;padding-inline:24px}
html:not(.dark) .sidebar-nav{padding:24px 14px}
html:not(.dark) .sidebar-link{border-radius:8px;padding-top:11px;padding-bottom:11px;font-size:13px;letter-spacing:.1px;color:#73839a}
html:not(.dark) .sidebar-link:hover{background:#f4f7fc;color:#2b4c7c}
html:not(.dark) .sidebar-link-active{background:#edf3ff!important;color:#2260f2!important;box-shadow:inset 3px 0 #2260f2}
html:not(.dark) .sidebar-section-title{font-size:10px;letter-spacing:1.2px;color:#a5afbf;margin-bottom:13px}
html:not(.dark) .sidebar-section{margin-bottom:29px}
html:not(.dark) .card,html:not(.dark) .card-glass,html:not(.dark) .glass-card,html:not(.dark) .stat-card{background:#fff!important;border-color:#e7edf5!important;box-shadow:0 3px 16px #233b6405!important;border-radius:12px}
html:not(.dark) .card-header,html:not(.dark) .card-footer{border-color:#edf1f7}
html:not(.dark) .stat-card{padding:22px}
html:not(.dark) .stat-icon{border-radius:11px;width:43px;height:43px}
html:not(.dark) .stat-icon-primary{background:#edf3ff;color:#4c7be4}
html:not(.dark) .stat-value{font-weight:650;letter-spacing:-.8px;color:#223650}
html:not(.dark) .stat-label{font-size:12px;color:#8b99ad}
html:not(.dark) .btn{border-radius:8px;font-weight:550;letter-spacing:.1px;box-shadow:none}
html:not(.dark) .btn-primary{background:#2260f2!important;background-image:none!important;box-shadow:0 3px 9px #2260f21a!important}
html:not(.dark) .btn-primary:hover{background:#194ed0!important;box-shadow:0 5px 14px #2260f226!important}
html:not(.dark) .btn-secondary{background:#fff;border-color:#e0e7f1;color:#6d7f99;box-shadow:none}
html:not(.dark) .input{border-radius:8px;background:#fcfdff;border-color:#e1e8f2;box-shadow:none;color:#334765}
html:not(.dark) .input:focus{background:#fff;border-color:#8caff8;box-shadow:0 0 0 3px #2260f211}
html:not(.dark) .input-label{font-weight:500;font-size:12px;color:#667b97}
html:not(.dark) .input-hint{font-size:11px;color:#9aabc0}
html:not(.dark) .page-title{font-weight:650;font-size:25px;letter-spacing:-.7px;color:#20334f}
html:not(.dark) .page-description{font-size:12px;color:#91a0b5;margin-top:9px}
html:not(.dark) .page-header{margin-bottom:26px}
html:not(.dark) .table-container{border-color:#e7edf5;border-radius:10px}
html:not(.dark) .table th{background:#f8fafe;font-weight:500;color:#8798af;font-size:11px;border-color:#e9eef6;padding-top:14px;padding-bottom:14px}
html:not(.dark) .table td{color:#677d9b;border-color:#edf1f7;font-size:12px;padding-top:14px;padding-bottom:14px}
html:not(.dark) .table tbody tr:hover{background:#fafcff}
html:not(.dark) .tabs{background:#edf2f9;border-radius:9px;padding:4px}
html:not(.dark) .tab{border-radius:6px;font-size:12px}
html:not(.dark) .tab-active{box-shadow:0 1px 5px #2c436b0a;color:#3866b3}
html:not(.dark) .modal-content,html:not(.dark) .dialog-container{border-radius:13px;border-color:#e3eaf5;box-shadow:0 28px 80px #152e5c26}
html:not(.dark) .modal-overlay,html:not(.dark) .dialog-overlay{background:#20355758;backdrop-filter:blur(4px)}
html:not(.dark) .dropdown{border-color:#e5ebf5;border-radius:9px;box-shadow:0 12px 35px #1e396715}
html:not(.dark) .badge{font-size:10px;font-weight:500;padding:3px 8px}
html:not(.dark) .badge-primary{background:#edf3ff;color:#5d81c5}
html:not(.dark) .text-gradient{color:#2260f2!important;background:none!important;-webkit-text-fill-color:#2260f2!important}
html:not(.dark) .progress{background:#eef3fb;height:6px}
html:not(.dark) .progress-bar{background:#739bf1}
html:not(.dark) .empty-state-description{font-size:12px;color:#95a5bb}
html:not(.dark) .empty-state-icon{color:#d1dced}
html:not(.dark) [class*="blur-3xl"][class*="bg-"]{opacity:.12!important}
html:not(.dark) [class*="shadow-primary-"]{box-shadow:0 4px 14px #2260f214!important}
@media(max-width:640px){html:not(.dark) .sidebar-header{height:66px}html:not(.dark) .page-title{font-size:22px}html:not(.dark) .stat-card{padding:17px}html:not(.dark) .stat-value{font-size:22px}}