@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&display=swap');
:root{--bg:#090a0d;--surface:#111318;--surface-2:#171a20;--border:#252a33;--border-h:#3a424f;--text-1:#f1f3f7;--text-2:#a3a9b4;--text-3:#89909d;--blue:#7aa2ff;--green:#52d49a;--red:#ff6b78;--radius:8px;--ease-out:cubic-bezier(.16,1,.3,1)}
body{font-family:'Archivo',system-ui,sans-serif;background:#090a0d!important;background-image:none!important;color:var(--text-1)}body::before,body::after{display:none!important}.nav-container{background:rgba(9,10,13,.9);border-bottom:1px solid var(--border);backdrop-filter:blur(14px)}.nav{max-width:920px;min-height:60px}.nav-brand{font-size:.95rem;font-weight:600;color:var(--text-1);text-transform:lowercase}.nav-links a{color:var(--text-2);border-radius:7px;font-weight:500}.nav-links a:hover{background:var(--surface);color:var(--text-1)}.content{max-width:920px;padding-top:clamp(40px,6vw,68px)}h1{font:600 clamp(2.2rem,5vw,3.4rem)/1.05 'Archivo',sans-serif;letter-spacing:-.04em;text-transform:none;color:var(--text-1)}h2{font-family:'Archivo',sans-serif;text-transform:none;color:var(--text-1)}h3{color:var(--text-2);border-bottom:1px solid var(--border)}p{color:var(--text-2)}input[type=text],input[type=password],input[type=number],input[type=file],select,textarea{background:var(--surface);color:var(--text-1);border:1px solid var(--border);border-radius:8px;min-height:42px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(122,162,255,.12)}button,.btn,.button{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-radius:8px;font-weight:500;transition:transform 120ms var(--ease-out),border-color 160ms ease,background-color 160ms ease}button.primary,.btn.primary{background:var(--text-1);color:var(--bg)}button:hover,.btn:hover{border-color:var(--border-h)}button:active,.btn:active,.button:active{transform:scale(.98)}a{color:var(--blue)}th{background:var(--surface-2);color:var(--text-2)}table{background:var(--surface);border:1px solid var(--border);box-shadow:0 16px 42px rgba(0,0,0,.2)}.drop-zone{background:var(--surface);border-color:var(--border-h)}.alert{background:var(--surface);border-color:var(--border)}

html[data-theme="light"]{--bg:#f5f6f8;--surface:#fff;--surface-2:#eceff3;--border:#d9dde4;--border-h:#b8bec8;--text-1:#17191d;--text-2:#59616d;--text-3:#747d89;--blue:#315fbd;--green:#147a4d;--red:#c83846}
html[data-theme="light"] body{background:#f5f6f8!important;color:var(--text-1)}
html[data-theme="light"] .nav-container{background:rgba(245,246,248,.9)}
html[data-theme="light"] .account-bulk-bar,html[data-theme="light"] .collection-toolbar{background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(30,40,55,.08)}
html[data-theme="light"] table{box-shadow:0 16px 42px rgba(30,40,55,.08)}

html[data-theme="oled"]{--bg:#000;--surface:#050505;--surface-2:#0a0a0a;--border:#1c1c1c;--border-h:#353535;--text-1:#f5f5f5;--text-2:#a5a5a5;--text-3:#777;--blue:#82aaff;--green:#55d99c;--red:#ff707d}
html[data-theme="oled"] body{background:#000!important;color:var(--text-1)}
html[data-theme="oled"] .nav-container{background:rgba(0,0,0,.94)}
html[data-theme="oled"] .account-bulk-bar,html[data-theme="oled"] .collection-toolbar{background:rgba(5,5,5,.98);box-shadow:none}
html[data-theme="oled"] table{box-shadow:none}
