:root{--black:#0E0E10;--ink:#1a1a1d;--charcoal:#2a2a2e;--paper:#F7F4EF;--cream:#EFE9DF;--white:#fff;--line:#E5DED2;--line-soft:#EFEAE1;--red:#C8341F;--red-deep:#9E2616;--red-tint:#FBEBE7;--gold:#B8945C;--gold-deep:#8E6E3F;--gold-soft:#D9BD86;--gold-tint:#F6EFE2;--green:#2F7A4F;--green-tint:#E7F1EA;--slate:#6F625A;--slate-soft:#9a8f86;--r-sm:7px;--r-md:11px;--r-lg:16px;--r-xl:22px;--shadow:0 1px 2px rgba(14,14,16,.04), 0 6px 22px rgba(14,14,16,.05);--shadow-sm:0 1px 2px rgba(14,14,16,.05);--fb:"Chivo","Trebuchet MS",ui-sans-serif,system-ui,sans-serif;--fd:"Source Serif 4",Georgia,serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--fb);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.side{background:var(--white);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:22px 22px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.brand svg{height:26px;width:auto}.brand .sub{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-soft);font-weight:600;margin-top:2px;margin-left:2px}.nav{padding:14px 12px;flex:1;overflow-y:auto}.nav-label{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--slate-soft);font-weight:700;padding:14px 12px 7px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--r-md);color:var(--slate);font-weight:500;cursor:pointer;position:relative;margin-bottom:2px;transition:background .12s,color .12s}.nav-item i{width:18px;height:18px;flex-shrink:0}.nav-item:hover{background:var(--paper);color:var(--ink)}.nav-item.active{background:var(--gold-tint);color:var(--black);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--red)}.nav-item .badge{margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:1px 8px;line-height:1.5}.side-foot{border-top:1px solid var(--line-soft);padding:13px 16px;display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.avatar.gold{background:var(--gold-deep)}.who{line-height:1.25}.who b{font-size:13.5px;color:var(--black);font-weight:600}.who span{font-size:11.5px;color:var(--slate)}.logout{display:grid;place-items:center}.logout:hover{color:var(--red)!important}.main{display:flex;flex-direction:column;min-width:0}.top{height:66px;background:#f7f4efd9;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:5}.top h1{font-family:var(--fd);font-size:21px;font-weight:600;color:var(--black);letter-spacing:-.01em}.top .crumb{font-size:12.5px;color:var(--slate)}.spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:99px;font-weight:600;font-size:12px;padding:5px 11px}.pill i{width:13px;height:13px}.pill.live{background:var(--green-tint);color:var(--green)}.pill.staging{background:var(--gold-tint);color:var(--gold-deep)}.wrap{padding:28px;max-width:1200px}.pagehead{margin-bottom:22px}.pagehead h2{font-family:var(--fd);font-size:26px;font-weight:600;color:var(--black);letter-spacing:-.015em}.pagehead p{color:var(--slate);margin-top:3px}.grid{display:grid;gap:18px}.g-4{grid-template-columns:repeat(4,1fr)}.g-2{grid-template-columns:1.6fr 1fr}.g-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1080px){.g-4{grid-template-columns:repeat(2,1fr)}.g-2,.g-3{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.side{position:static;height:auto}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:20px}.card-h{display:flex;align-items:center;gap:10px;margin-bottom:16px}.card-h h3{font-size:14.5px;font-weight:700;color:var(--black)}.card-h .more{margin-left:auto;font-size:12.5px;color:var(--gold-deep);font-weight:600;cursor:pointer}.card-h i.lead{width:17px;height:17px;color:var(--gold-deep)}.stat{display:flex;flex-direction:column;gap:10px}.stat .chip{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center}.stat .chip i{width:20px;height:20px}.chip.red{background:var(--red-tint);color:var(--red)}.chip.gold{background:var(--gold-tint);color:var(--gold-deep)}.chip.green{background:var(--green-tint);color:var(--green)}.chip.slate{background:var(--cream);color:var(--slate)}.stat .num{font-family:var(--fd);font-size:32px;font-weight:600;color:var(--black);line-height:1}.stat .lbl{font-size:12.5px;color:var(--slate);font-weight:500}.stat .trend{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.trend.up{color:var(--green)}.trend.flat{color:var(--slate-soft)}.stat .trend i{width:13px;height:13px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate-soft);font-weight:700;padding:0 10px 10px}td{padding:11px 10px;border-top:1px solid var(--line-soft);font-size:13.5px;vertical-align:middle}tr:hover td{background:var(--paper)}.nm{font-weight:600;color:var(--black)}.nm a{color:inherit;text-decoration:none}.nm a:hover{color:var(--gold-deep);text-decoration:underline}.muted{color:var(--slate)}.tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:99px}.tag i{width:12px;height:12px}.t-new{background:var(--red-tint);color:var(--red)}.t-cont{background:var(--gold-tint);color:var(--gold-deep)}.t-sched{background:#e9edf2;color:#465a73}.t-won{background:var(--green-tint);color:var(--green)}.t-lost{background:var(--cream);color:var(--slate)}.t-pub{background:var(--green-tint);color:var(--green)}.t-drip{background:var(--cream);color:var(--slate)}.svc{display:inline-flex;align-items:center;gap:6px;color:var(--slate);font-weight:500}.svc i{width:14px;height:14px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-md);font-family:var(--fb);font-weight:600;font-size:13px;padding:10px 16px;cursor:pointer;border:1px solid transparent}.btn i{width:16px;height:16px}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-deep)}.btn-ghost{background:var(--white);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--gold-soft)}.btn-gold{background:var(--gold-deep);color:#fff}.btn-gold:hover{background:#7a5e34}.btn[disabled]{opacity:.5;cursor:not-allowed}.deploy-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line-soft)}.deploy-row:first-of-type{border-top:0}.env{display:flex;align-items:center;gap:11px}.env .e-ico{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center}.env b{color:var(--black);font-weight:600;display:block}.env span{font-size:12px;color:var(--slate)}.note{display:flex;gap:10px;align-items:flex-start;background:var(--gold-tint);border:1px solid var(--gold-soft);border-radius:var(--r-md);padding:12px 14px;margin-bottom:16px}.note i{width:17px;height:17px;color:var(--gold-deep);flex-shrink:0;margin-top:1px}.note b{color:var(--black)}.note p{font-size:13px;color:var(--gold-deep)}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1080px){.board{grid-template-columns:repeat(2,1fr)}}.col{background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:12px}.col-h{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--slate);margin-bottom:10px}.col-h .ct{background:var(--white);border:1px solid var(--line);border-radius:99px;padding:0 8px;font-size:11px}.mini{background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);padding:10px;margin-bottom:8px;box-shadow:var(--shadow-sm)}.mini b{font-size:13px;color:var(--black);font-weight:600}.mini .meta{font-size:11.5px;color:var(--slate);margin-top:3px;display:flex;align-items:center;gap:5px}.mini .meta i{width:12px;height:12px}.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1080px){.gal{grid-template-columns:repeat(2,1fr)}}.tpl{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--white);transition:transform .12s,box-shadow .12s}.tpl:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.tpl .prev{height:118px;background:linear-gradient(135deg,var(--cream),var(--paper));border-bottom:1px solid var(--line-soft);position:relative;padding:12px}.tpl .prev .bar{height:8px;border-radius:3px;background:var(--gold-soft);opacity:.6;margin-bottom:6px}.tpl .prev .bar.w1{width:60%}.tpl .prev .bar.w2{width:90%;background:var(--line)}.tpl .prev .bar.w3{width:40%;background:var(--red);opacity:.4}.tpl .prev .chip-mini{position:absolute;bottom:12px;left:12px;background:var(--white);border:1px solid var(--line);border-radius:99px;font-size:10.5px;font-weight:600;color:var(--slate);padding:2px 8px}.tpl .body{padding:12px 13px;display:flex;align-items:center;gap:9px}.tpl .body i{width:16px;height:16px;color:var(--gold-deep)}.tpl .body b{font-size:13px;color:var(--black);font-weight:600;display:block}.tpl .body span{font-size:11.5px;color:var(--slate)}.tpl .body .open{margin-left:auto;color:var(--gold-deep)}.bars{display:flex;align-items:flex-end;gap:10px;height:150px;padding-top:8px}.bars .b{flex:1;background:linear-gradient(180deg,var(--gold-soft),var(--gold));border-radius:5px 5px 0 0;position:relative;min-height:4px}.bars .b.hot{background:linear-gradient(180deg,#e0654f,var(--red))}.bars .b span{position:absolute;top:-20px;left:0;right:0;text-align:center;font-size:11px;font-weight:700;color:var(--slate)}.barx{display:flex;gap:10px;margin-top:8px}.barx div{flex:1;text-align:center;font-size:11px;color:var(--slate-soft);font-weight:600}.hbar{display:flex;align-items:center;gap:12px;margin-bottom:13px}.hbar .k{width:88px;font-size:12.5px;color:var(--slate);font-weight:600;display:flex;align-items:center;gap:6px}.hbar .k i{width:14px;height:14px}.hbar .track{flex:1;height:9px;background:var(--cream);border-radius:99px;overflow:hidden}.hbar .fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-soft),var(--gold))}.hbar .v{width:34px;text-align:right;font-size:12.5px;font-weight:700;color:var(--black)}.gauge{display:flex;align-items:center;gap:18px}.ring{width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--green) 0 76%,var(--cream) 76% 100%);display:grid;place-items:center;flex-shrink:0}.ring .in{width:72px;height:72px;border-radius:50%;background:var(--white);display:grid;place-items:center}.ring .in b{font-family:var(--fd);font-size:24px;color:var(--black);font-weight:700;line-height:1}.ring .in span{font-size:10px;color:var(--slate)}.toggle{width:40px;height:23px;border-radius:99px;background:var(--green);position:relative;cursor:pointer;flex-shrink:0;border:0}.toggle.off{background:var(--line)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:var(--shadow-sm)}.toggle:not(.off):after{left:19px}.seg{display:inline-flex;background:var(--cream);border-radius:var(--r-md);padding:3px;gap:2px}.seg a{font-family:var(--fb);font-weight:600;font-size:12.5px;color:var(--slate);padding:6px 14px;border-radius:8px;cursor:pointer}.seg a.on{background:var(--white);color:var(--black);box-shadow:var(--shadow-sm)}.rolepill{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px}.r-op{background:var(--red-tint);color:var(--red)}.r-ed{background:var(--gold-tint);color:var(--gold-deep)}.r-cl{background:#e9edf2;color:#465a73}.r-vw{background:var(--cream);color:var(--slate)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--paper);padding:24px}.login-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:38px 34px;width:100%;max-width:400px}.login-card .brandrow{display:flex;justify-content:center;margin-bottom:6px}.login-card .brandrow svg{height:30px}.login-card .sub{text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate-soft);font-weight:700;margin-bottom:26px}.login-card label{display:block;font-size:12.5px;font-weight:600;color:var(--black);margin:14px 0 6px}.login-card input{width:100%;border:1px solid var(--line);border-radius:var(--r-md);padding:11px 13px;font-family:var(--fb);font-size:14px;color:var(--ink);background:var(--paper)}.login-card input:focus{outline:0;border-color:var(--gold);background:#fff}.login-card button{width:100%;margin-top:22px;background:var(--red);color:#fff;border:0;border-radius:var(--r-md);padding:12px;font-family:var(--fb);font-weight:600;font-size:14px;cursor:pointer}.login-card button:hover{background:var(--red-deep)}.login-err{background:var(--red-tint);color:var(--red-deep);border:1px solid #f3c9c1;border-radius:var(--r-md);padding:10px 12px;font-size:13px;font-weight:600;margin-bottom:6px}