:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;color:#f3f5ff;background:#080b19;--surface: #11162b;--line: #2c3558;--muted: #b4bfdf;--pink: #ff71c8;--blue: #91aaff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#18254e 0%,transparent 55%)}main{width:min(1240px,100%);margin:auto;padding:0 28px 48px}.topbar,.wordmark{display:flex;align-items:center;gap:13px}.topbar{justify-content:space-between;padding:18px 0}.wordmark strong,.wordmark small{display:block}.wordmark strong{letter-spacing:.14em}.wordmark small,.eyebrow,.metrics small{color:var(--muted);font-size:.72rem;font-weight:750;letter-spacing:.13em}.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(140deg,#394bca,#8d267a);font-weight:950;box-shadow:0 0 20px #6455ff55}.hero{position:relative;display:flex;align-items:end;min-height:266px;border:1px solid #5968a1;border-radius:20px;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#080d2cf7,#0b1747bc 47%,#101c4a22),url(/los-santos.jpg) center 66% / cover;box-shadow:0 16px 50px #0006}.hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#5676ff,#fc46ad)}.hero-login{min-height:clamp(260px,43vw,470px);background:linear-gradient(0deg,#080b20f5,transparent 56%),url(/gtahub.png) center / cover}.hero-copy{padding:clamp(22px,5vw,46px)}.eyebrow{color:var(--pink);margin:0 0 5px}h1{font-size:clamp(2rem,5.5vw,4rem);line-height:1.03;margin:0;font-weight:900;letter-spacing:-.055em}h1 span{color:#b8c7ff}.hero-copy>p:last-child{margin:8px 0 0;color:#d8dffb}.account{color:var(--muted);font-size:.9rem;margin:16px 0 10px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}button,input,select{font:inherit;padding:8px 12px;border-radius:9px;max-width:100%}button{cursor:pointer;color:#fff;background:#4057bf;border:1px solid #7084dc;font-weight:700}button:hover{filter:brightness(1.17)}button:disabled{opacity:.58;cursor:default}.secondary,.tabs button{background:#151c35;border-color:var(--line)}.tabs button[aria-pressed=true]{color:#ffd6ef;background:#41234e;border-color:#c564a8}.tabs span{margin-right:4px}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.metrics,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}.metrics>div,section,main>form{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px}.metrics>div{border-top:2px solid #596fe2}.metrics>div:nth-child(3){border-top-color:var(--pink)}.metrics strong{display:block;font-size:1.85rem;line-height:1.2;margin-top:7px}section,main>form{margin-top:16px}main>form{max-width:430px;display:grid}main>form button{justify-self:start}h2{margin:0 0 10px;line-height:1.25}form{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.grid>form{background:#0d1226;border:1px solid var(--line);border-radius:12px;padding:14px}label{display:grid;gap:4px;color:#d4dcfa;font-size:.9rem}input,select{background:#090f23;color:#f3f5ff;border:1px solid #44517c}section>label{max-width:260px}.table{overflow:auto;margin:14px 0}table{width:100%;border-collapse:collapse;text-align:left}th,td{border-bottom:1px solid var(--line);padding:10px 12px}th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}tbody tr:hover{background:#182041}.quantity,.movement-kind{display:inline-block;border-radius:7px;padding:2px 8px;font-weight:700;font-size:.87rem;color:#cdd8ff;background:#26355f}.movement-kind.in{color:#a7f3d0;background:#153a36}.movement-kind.out{color:#ffc0e7;background:#4b2543}.error,[role=status]{border:1px solid var(--line);padding:10px 14px;border-radius:10px;background:var(--surface)}.error{color:#ffb7d5}@media(max-width:560px){main{padding-inline:14px}.hero{min-height:240px}.hero-login{background-size:auto,contain;background-repeat:no-repeat;background-position:center,top center}section,.metrics>div{padding:14px}}body{background:radial-gradient(ellipse at 70% 0%,#1a2456 0%,transparent 46%),#080b19}.topbar{padding:22px 0}.hero{min-height:clamp(290px,35vw,420px);background-position:center 69%}.hero-login{min-height:clamp(280px,43vw,470px);background-position:center}.hero-copy{width:100%;background:linear-gradient(0deg,#080b20d9,transparent)}.eyebrow{letter-spacing:.22em}.hero-action{margin-top:18px;background:#f78acb;color:#211329;border-color:#ffb3e0}.account{display:flex;align-items:center;gap:8px;margin:22px 0 12px}.account-dot{width:8px;height:8px;border-radius:50%;background:#91aaff;box-shadow:0 0 10px #91aaff80}.tabs{border-bottom:1px solid var(--line);padding-bottom:12px}.metrics>div{background:linear-gradient(135deg,#202b52,#11162b 75%);padding:18px 22px}section{padding:clamp(16px,3vw,28px)}.section-intro{color:var(--muted);margin:0 0 18px}.movement-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;margin-bottom:20px}.movement-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;background:#141d37;border-color:var(--line)}.movement-options button[aria-pressed=true]{background:#342246;border-color:#e27cbe}.movement-options small{display:block;color:var(--muted);font-weight:500}.option-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:9px;background:#293760;color:#d4dfff;font-size:1.25rem}.movement-options button[aria-pressed=true] .option-icon{background:#5a3161;color:#ffd0ed}.movement-form{padding:16px;background:#0c1124;border:1px solid var(--line);border-radius:12px}.movement-form label{flex:1 1 150px}.empty{padding:24px;text-align:center;border:1px dashed #44517c;border-radius:12px;background:#0c1124}.empty p{margin:4px 0 10px;color:var(--muted)}@media(max-width:560px){.hero{min-height:260px;background-position:63% center}.hero-login{background-position:center,top center}.tabs button{flex:1 1 40%}}:root{color:#f6effb;background:#0c0910;--surface: #17101e;--line: #44334e;--muted: #c8b9d2;--pink: #d8a1ff;--gold: #dfc69c}body{background:radial-gradient(ellipse at 72% 0%,#321a46,transparent 52%),#0c0910}.mark{object-fit:cover;border-radius:50%;border:1px solid #9c80ad;background:#110c17;box-shadow:0 0 16px #a04feb55}.wordmark strong,h1,h2{font-family:Georgia,Times New Roman,serif}.wordmark strong{color:var(--gold)}.hero,.hero-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,37%);align-items:center;gap:12px;padding:clamp(18px,4vw,45px);border-radius:14px;border-color:#756084;background:linear-gradient(90deg,#110b19f5,#20102cd9 67%,#190d24ad),url(/los-santos.jpg) center 64% / cover}.hero:after{height:2px;background:linear-gradient(90deg,transparent,#d4b77f,#b469ee,transparent)}.hero-emblem{grid-area:1 / 2;justify-self:center;width:min(100%,315px);aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid #a890b1;box-shadow:0 0 0 5px #271a30,0 0 45px #ae4dec55}.hero-copy{grid-area:1 / 1;padding:0;background:none}h1{font-weight:700;letter-spacing:-.045em}h1 span{color:var(--pink)}h2{color:#f1e0c3}.eyebrow{color:var(--gold)}.hero-copy>p:last-of-type{color:var(--muted)}button{background:#56297b;border-color:#a671cc}.hero-action{background:linear-gradient(135deg,#7837a7,#52246f);color:#fff3ff;border-color:#cf9af4}.secondary,.tabs button,.movement-options button{background:#1d1427;border-color:var(--line)}.tabs button[aria-pressed=true],.movement-options button[aria-pressed=true]{background:#382049;border-color:#b77cde;color:#f5daff}.metrics>div{background:linear-gradient(135deg,#2c1b3a,var(--surface) 78%);border-top-color:#a76ed1}.metrics>div:nth-child(3){border-top-color:var(--gold)}.account-dot{background:#bc7de4;box-shadow:0 0 10px #bc7de480}.grid>form,.movement-form,.empty,input,select{background:#100b16;border-color:var(--line)}label{color:#e9dcf2}tbody tr:hover{background:#23152e}.quantity,.movement-kind,.option-icon{color:#ecd5ff;background:#3b2550}@media(max-width:560px){.hero,.hero-login{grid-template-columns:minmax(0,1fr);text-align:center;gap:20px;background-position:center}.hero-emblem{grid-area:1 / 1;width:min(52vw,180px)}.hero-copy{grid-area:2 / 1}}.admin-data{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.admin-data>label{max-width:300px;margin-bottom:10px}.admin-data button+button{margin-left:8px}.archive-action{margin-top:18px}
