@import"https://fonts.googleapis.com/css2?family=Staatliches&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg-0: #12151b;--bg-1: #1a1e25;--bg-2: #232830;--border: #2f3540;--text-0: #ece7dc;--text-1: #8d9099;--accent: #b8551f;--accent-light: #d97a3f;--accent-cyan: #4f9a94;--good: #7a9b3f;--danger: #d64545;--hazard: #e8b923;--font-display: "Staatliches", sans-serif;--font-data: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-0);color:var(--text-0);font-family:var(--font-data)}button,input,select,textarea{font-family:inherit}a{color:var(--accent-cyan);text-decoration:none}.riveted{background-image:radial-gradient(circle 2.5px at 11px 11px,#3a4049 55%,transparent 56%),radial-gradient(circle 2.5px at calc(100% - 11px) 11px,#3a4049 55%,transparent 56%),radial-gradient(circle 2.5px at 11px calc(100% - 11px),#3a4049 55%,transparent 56%),radial-gradient(circle 2.5px at calc(100% - 11px) calc(100% - 11px),#3a4049 55%,transparent 56%);background-repeat:no-repeat}.chamfer{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.panel{background:var(--bg-1);border:1px solid var(--border)}.eyebrow{position:relative;padding-left:14px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--text-1)}.eyebrow:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:2px;background:var(--accent)}.mono{font-family:var(--font-mono);letter-spacing:.01em}.role-tag{display:inline-block;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:10px;padding:4px 10px;border:1px solid var(--border);background:transparent;color:var(--text-1)}.btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:14px;padding:10px 16px;border:1px solid var(--border);background:var(--bg-2);color:var(--text-0);cursor:pointer;transition:border-color .15s,color .15s}.btn:hover{border-color:var(--accent);color:var(--accent-light)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent);border-color:var(--accent);color:#180c05}.btn-accent:hover{color:#180c05;opacity:.92;border-color:var(--accent)}.btn-danger{background-image:repeating-linear-gradient(45deg,var(--hazard) 0px,var(--hazard) 8px,#1a1a1a 8px,#1a1a1a 16px);border-color:#1a1a1a;color:#1a1a1a;font-weight:700;text-shadow:0 1px 0 rgba(255,255,255,.15)}.btn-danger:hover{filter:brightness(1.08);color:#1a1a1a}.sidebar-industrial{background-color:var(--bg-1);background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.18) 0px,rgba(0,0,0,.18) 1px,transparent 1px,transparent 7px)}.content-blueprint{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px}input[type=text],input[type=password],input[type=number],select{background:var(--bg-2);border:1px solid var(--border);color:var(--text-0);padding:9px 12px;font-size:14px;width:100%}input:focus,select:focus{outline:1px solid var(--accent);border-color:var(--accent)}label{display:block;font-size:12px;color:var(--text-1);margin-bottom:4px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em}
