*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--void: #07060d;--deep: #0e0c1a;--surface: #161328;--elevated: #1e1a36;--border: rgba(201,168,76,.18);--gold: #c9a84c;--gold-dim: rgba(201,168,76,.35);--cream: #e8d5a3;--cream-dim: rgba(232,213,163,.55);--text: #d4c9a8;--text-dim: rgba(212,201,168,.4);--accent: #9b7fe8;--success: #4caf82;--warn: #e07b4c}html,body,#root{height:100%}body{background:var(--void);color:var(--text);font-family:DM Mono,monospace;font-size:13px;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 8% 12%,rgba(201,168,76,.55) 0%,transparent 100%),radial-gradient(1px 1px at 19% 4%,rgba(232,213,163,.35) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 35% 28%,rgba(201,168,76,.4) 0%,transparent 100%),radial-gradient(1px 1px at 52% 8%,rgba(155,127,232,.45) 0%,transparent 100%),radial-gradient(1px 1px at 67% 19%,rgba(232,213,163,.3) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 78% 5%,rgba(201,168,76,.5) 0%,transparent 100%),radial-gradient(1px 1px at 91% 14%,rgba(232,213,163,.4) 0%,transparent 100%),radial-gradient(1px 1px at 4% 48%,rgba(201,168,76,.3) 0%,transparent 100%),radial-gradient(1px 1px at 44% 55%,rgba(155,127,232,.35) 0%,transparent 100%),radial-gradient(1px 1px at 83% 42%,rgba(201,168,76,.45) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 23% 70%,rgba(232,213,163,.3) 0%,transparent 100%),radial-gradient(1px 1px at 61% 78%,rgba(201,168,76,.4) 0%,transparent 100%),radial-gradient(1px 1px at 96% 68%,rgba(155,127,232,.4) 0%,transparent 100%),radial-gradient(1px 1px at 13% 90%,rgba(201,168,76,.35) 0%,transparent 100%),radial-gradient(1px 1px at 74% 95%,rgba(232,213,163,.3) 0%,transparent 100%);pointer-events:none;z-index:0}.card{background:var(--deep);border:1px solid var(--border);border-radius:2px;padding:28px 32px;position:relative}.card-top-line{position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim),transparent)}.card-title{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;display:flex;align-items:center;gap:10px}.card-title:after{content:"";flex:1;height:1px;background:var(--border)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:background .2s}.btn-primary:hover{background:#c9a84c14}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);background:transparent;color:var(--text-dim);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:color .2s,border-color .2s}.btn-ghost:hover{color:var(--cream);border-color:var(--gold-dim)}.badge{font-size:9px;letter-spacing:.12em;padding:3px 10px;border-radius:2px;font-family:DM Mono,monospace;white-space:nowrap}.badge-warn{background:#e07b4c1f;border:1px solid rgba(224,123,76,.3);color:var(--warn)}.badge-ok{background:#4caf821a;border:1px solid rgba(76,175,130,.25);color:var(--success)}.badge-neutral{background:#d4c9a80f;border:1px solid var(--border);color:var(--text-dim)}input[type=text],input[type=date],input[type=number],textarea,select{background:var(--surface);border:1px solid var(--border);color:var(--cream);font-family:DM Mono,monospace;font-size:12px;padding:8px 12px;border-radius:2px;outline:none;width:100%;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--gold-dim)}input::placeholder,textarea::placeholder{color:var(--text-dim)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--elevated);border-radius:2px;border:none;padding:0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #c9a84c99;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px #c9a84c99;border:none;cursor:pointer}.page-layout{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:80px 48px}@media(max-width:900px){.page-layout{padding:80px 24px 60px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}