@font-face{font-family:WE;src:url(fonts/wayborne-editorial.ttf)}
@font-face{font-family:WI;src:url(fonts/wayborne-interface.ttf)}
:root{--acc:#e4b85d;--dark:#7d5924;--light:#ffe2a1}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#0d0d0d;color:#f1f1f1;font-family:WI,Arial,sans-serif;min-height:100vh}
button,input,select,textarea{font:inherit;color:inherit}
#app{display:flex;min-height:100vh}
.side{width:236px;background:#0a0a0a;border-right:1px solid #2a2a2a;padding:26px 16px;flex:none;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}
.brand{font-family:WE;font-size:22px;letter-spacing:4px;color:var(--light);padding:0 10px}
.brand small{display:block;font-family:WI;font-size:9px;letter-spacing:2px;color:var(--acc);margin-top:5px}
.nav{margin-top:30px;flex:1;overflow:auto}
.nav a{display:block;padding:11px 12px;border-radius:9px;font-size:13.5px;color:#a9a8a0;margin-bottom:2px;cursor:pointer;text-decoration:none;border:1px solid transparent}
.nav a.on{background:#2a2518;color:var(--light);border-color:#473d27}
.nav a.soon{opacity:.45;cursor:default}
.nav .sec{font-size:9px;letter-spacing:1.8px;color:#6f6e68;padding:18px 12px 6px;text-transform:uppercase}
.me{font-size:12px;color:#a9a8a0;border-top:1px solid #2a2a2a;padding-top:14px}
.me b{display:block;color:#f1f1f1;font-weight:400;font-size:13px;word-break:break-all}
.me a{color:var(--acc);cursor:pointer;display:inline-block;margin-top:6px}
.main{flex:1;padding:30px 36px 60px;min-width:0}
.eb{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--acc);text-transform:uppercase;margin-bottom:6px}
h1{font-family:WE;font-weight:400;font-size:44px;letter-spacing:-1px;color:#ead7ab;line-height:46px}
.sub{color:#8d8b84;font-size:13px;margin-top:8px}
.grid{display:grid;gap:16px;margin-top:22px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1.55fr 1fr}.g2e{grid-template-columns:1fr 1fr}
.card{background:linear-gradient(125deg,#212121,#161616 65%);border:1px solid #404040;border-radius:15px;padding:18px;min-width:0}
.card h3{font-family:WE;font-weight:400;font-size:19px;color:var(--light);margin-bottom:3px}
.card .s{font-size:11.5px;color:#8d8b84;margin-bottom:12px}
.kpi .l{font-size:11.5px;color:#a9a8a0}.kpi .v{font-family:WE;font-size:38px;color:#ead7ab;margin:6px 0 4px;letter-spacing:-1px}.kpi .d{font-size:11.5px;color:#8d8b84}.kpi .d.g{color:#7fcf98}.kpi .d.w{color:#e9a24a}
.meter{margin:14px 0}.meter .row{display:flex;justify-content:space-between;font-size:12.5px;color:#d6d4ca;margin-bottom:7px}.meter .row span{color:#8d8b84;font-size:11.5px}
.bar{height:9px;background:#262626;border-radius:6px;overflow:hidden}.bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--dark),var(--acc))}.bar i.w{background:linear-gradient(90deg,#8a5a1c,#f0a23c)}.bar i.r{background:linear-gradient(90deg,#7a2a22,#ef6a5a)}
.note{font-size:11.5px;color:#8d8b84;margin-top:6px;line-height:16px}.note b{color:#e9a24a;font-weight:400}
table{width:100%;border-collapse:collapse;font-size:12.5px}
th{text-align:left;font-size:10px;letter-spacing:1.4px;color:#6f6e68;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid #333;font-weight:400}
td{padding:11px 10px;border-bottom:1px solid #262626;color:#d6d4ca}
tr.pick{cursor:pointer}tr.pick:hover td{background:#1c1a14}tr.sel td{background:#201c12}
.av{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#2a2518;border:1px solid var(--dark);align-items:center;justify-content:center;color:var(--light);font-size:11px;margin-right:10px;vertical-align:middle}
.pill{font-size:10.5px;border-radius:12px;padding:3px 10px;border:1px solid #444;color:#b5b3aa;white-space:nowrap}.pill.g{border-color:#2f6b45;color:#7fcf98}.pill.y{border-color:var(--dark);color:var(--acc)}.pill.r{border-color:#7a2a22;color:#ef8a7a}
.alert{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #2a2a2a;font-size:12.5px;color:#d6d4ca;line-height:17px}.alert:last-child{border:0}.alert small{display:block;color:#8d8b84;font-size:11px;margin-top:3px}.dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none;background:var(--acc)}.dot.r{background:#ef6a5a}.dot.g{background:#7fcf98}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:9px;border:1px solid #494949;background:linear-gradient(180deg,#2c2c2c,#1a1a1a);color:var(--light);font-size:12.5px;padding:0 16px;margin:0 8px 8px 0;cursor:pointer}
.btn.gold{border-color:var(--acc);background:linear-gradient(115deg,var(--dark),var(--light) 45%,var(--acc));color:#161616}.btn.d{color:#ef8a7a;border-color:#5a2a25}.btn:disabled{opacity:.5;cursor:default}
.in{height:40px;border:1px solid #444;border-radius:9px;background:#0f0f0f;padding:0 12px;font-size:12.5px;width:100%}
textarea.in{height:80px;padding:10px 12px;resize:vertical}
label.f{display:block;font-size:11px;color:#8d8b84;margin:12px 0 5px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #2a2a2a;font-size:12.5px}.kv:last-child{border:0}.kv span{color:#8d8b84}
.row2{display:flex;gap:10px;flex-wrap:wrap}.row2>*{flex:1;min-width:110px}
.msg{font-size:12.5px;margin-top:10px;color:#7fcf98}.msg.e{color:#ef8a7a}
.center{max-width:380px;margin:12vh auto;padding:0 20px}.center .brand{padding:0;font-size:30px;margin-bottom:6px}
.tog{display:flex;align-items:center;gap:10px;font-size:13px;margin:10px 0}.tog input{width:18px;height:18px;accent-color:var(--acc)}
@media(max-width:900px){#app{flex-direction:column}.side{width:100%;height:auto;position:static}.nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px}.nav .sec{display:none}.g4,.g3,.g2,.g2e{grid-template-columns:1fr}.main{padding:20px 16px}h1{font-size:34px}}