:root{--bg: #050505;--bg-raised: #0a0a0a;--text: #f4f4f1;--text-2: #c2c2be;--text-3: #9a9a96;--text-4: #7c7c78;--line: #292929;--line-strong: #454545;--fs-micro: .6875rem;--fs-sm: .875rem;--fs-base: 1.0625rem;--fs-md: 1.25rem;--fs-lg: 1.875rem;--fs-xl: 2.1875rem;--fs-input: max(1rem, var(--fs-sm));--track-label: .16em;--track-ui: .09em;--pad: 2rem;--sidebar-w: 15rem;--danger: #c4826f;--success: #86b09c;--warning: #c9975a;--gold: #c9a54a;--gold-soft: rgb(201 165 74 / .12);--gold-metal: linear-gradient(135deg, #7a5c1e 0%, #c9a54a 22%, #f5e6a8 45%, #b8913a 62%, #e8cf85 80%, #7a5c1e 100%);--silver-metal: linear-gradient(135deg, #8c8c8a 0%, #f4f4f1 35%, #a9a9a6 55%, #e6e6e2 78%, #8c8c8a 100%);--radius: 6px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;touch-action:manipulation}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3,p{margin:0}.label{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--text-4)}.field{display:flex;flex-direction:column;gap:.4rem}.field input,.field textarea,.field select{border:1px solid var(--line-strong);background:transparent;color:var(--text);padding:.6rem .7rem;font-size:var(--fs-input);border-radius:var(--radius)}.field textarea{resize:vertical;min-height:5rem}.field input:focus-visible,.field textarea:focus-visible,.field select:focus-visible{outline:none;border-color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.1rem;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--track-ui);cursor:pointer;border-radius:var(--radius);transition:background .18s ease,color .18s ease,border-color .18s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold-metal);background-size:200% 200%;background-position:0% 50%;color:#1a1406;border-color:#8a6a28;box-shadow:inset 0 1px #ffffff59;transition:background-position .4s ease,box-shadow .18s ease}.btn-primary:hover:not(:disabled){background-position:100% 50%;box-shadow:inset 0 1px #ffffff59,0 0 18px #c9a54a40}.btn-ghost:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#000}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem}.tile{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-raised);transition:border-color .18s ease,transform .18s ease}a.tile:hover{border-color:transparent;background:linear-gradient(var(--bg-raised),var(--bg-raised)) padding-box,var(--gold-metal) border-box;transform:translateY(-2px)}.tile-title{font-size:var(--fs-base);font-weight:500}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.page-title{font-size:var(--fs-lg);font-weight:500;letter-spacing:-.03em;background:var(--silver-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.page-title:after{content:"";display:block;width:2rem;height:2px;margin-top:.5rem;background:var(--gold-metal)}.stat{font-size:var(--fs-lg);font-weight:600;line-height:1;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--text-4);font-size:var(--fs-sm)}.empty{padding:2.5rem;border:1px dashed var(--line-strong);border-radius:var(--radius);text-align:center}.form-error{padding:.75rem 1rem;border:1px solid var(--danger);border-left-width:3px;border-radius:var(--radius);background:#c4826f14;color:var(--danger);font-size:var(--fs-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:40rem}.form-grid .span-2{grid-column:1 / -1}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}
