/* Arttle admin. Colours only from these tokens (the app's own values). */
:root{--ground:#F2F2F7;--surface:#FFFFFF;--ink:#0B0B0F;--ink2:#5F5F6B;--line:rgba(60,60,67,.16);--brand:#4B3FFF;--onbrand:#FFFFFF;--danger:#C21F2E;--ondanger:#FFFFFF;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--ground:#000000;--surface:#1C1C1E;--ink:#F5F5F7;--ink2:#A1A1AA;--line:rgba(255,255,255,.16);--brand:#8F86FF;--onbrand:#0B0B0F;--danger:#FF6B77;--ondanger:#0B0B0F;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.ad-head,main{max-width:860px;margin:0 auto;padding:0 16px}
.ad-head{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:12px}
h1{font-size:24px;margin:0}h1 span{color:var(--ink2);font-weight:500}
h2{font-size:20px;margin:0 0 12px}h3{font-size:15px;margin:16px 0 8px;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
.ad-card{background:var(--surface);border-radius:22px;box-shadow:0 0 0 1px var(--line);padding:20px 22px;margin:0 0 16px}
.ad-login{max-width:420px;margin:40px auto}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin:0 0 12px}
input[type=password],input[name=q],select{font:inherit;color:var(--ink);background:var(--ground);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
button{font:inherit;font-weight:600;border:0;border-radius:999px;padding:10px 18px;background:var(--brand);color:var(--onbrand);cursor:pointer}
.ad-quiet{background:transparent;color:var(--brand);box-shadow:0 0 0 1px var(--line)}
.ad-danger{background:var(--danger);color:var(--ondanger)}
.ad-msg{color:var(--danger);margin:8px 0 0}
.ad-note{background:var(--surface);border-left:4px solid var(--brand);padding:12px 16px;border-radius:12px;margin:0 0 16px}
.ad-fine{color:var(--ink2);font-size:14px;margin:8px 0 0}
.ad-fine a{color:var(--brand)}
.ad-big{font-size:40px;font-weight:700;margin:0}.ad-big span{font-size:16px;color:var(--ink2);font-weight:500}
.ad-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px 24px}
.ad-list{list-style:none;padding:0;margin:0}
.ad-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.ad-find{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.ad-find label{flex:1;min-width:220px;margin:0}
.ad-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.ad-row label{flex-direction:row;align-items:center;margin:0}.ad-row>span{flex:1;min-width:200px}
.ad-inline{display:flex;gap:10px;align-items:center}
.ad-sure{flex-direction:row!important;align-items:center;gap:6px!important;font-weight:500!important;margin:0!important}
code{font-size:.9em}