*{box-sizing:border-box;margin:0;padding:0}
html{background:#080808}
body{background:#080808;color:#e0e0d8;font-family:'DM Sans',sans-serif;min-height:100vh;font-size:14px;line-height:1.5}
.mono{font-family:'Space Mono',monospace}
.gold{color:#C9953A}
.cyan{color:#00B4D8}
.red{color:#ff5544}
.green{color:#44cc88}
.muted{color:#555}

/* NAV */
.nav{background:#0d0d0d;border-bottom:1px solid #1c1c1c;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:48px;position:sticky;top:0;z-index:100}
.logo{font-family:'Space Mono',monospace;font-size:12px;color:#C9953A;letter-spacing:3px;font-weight:700}
.nav-sep{color:#333;margin:0 8px;font-family:'Space Mono',monospace}
.nav-sub{font-family:'Space Mono',monospace;font-size:10px;color:#444;letter-spacing:2px}
.nav-right{display:flex;align-items:center;gap:4px}
.nav-link{color:#555;text-decoration:none;font-size:11px;padding:6px 10px;border-radius:3px;transition:all 0.15s;letter-spacing:0.5px}
.nav-link:hover,.nav-link.active{color:#e0e0d8;background:#161616}
.status-pill{background:#44cc8811;border:1px solid #44cc8833;color:#44cc88;font-size:9px;padding:3px 8px;border-radius:2px;font-family:'Space Mono',monospace;letter-spacing:1px;margin-left:8px}

/* MAIN */
.main{padding:20px 24px;max-width:1400px;margin:0 auto}

/* METRICS BAR */
.metrics-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:4px;overflow:hidden;margin-bottom:16px}
.metric-card{background:#0f0f0f;padding:14px 16px}
.metric-label{font-size:9px;color:#444;letter-spacing:2px;text-transform:uppercase;font-family:'Space Mono',monospace;margin-bottom:6px}
.metric-value{font-size:20px;font-weight:600;font-family:'Space Mono',monospace;line-height:1}
.metric-unit{font-size:13px;color:#777}
.metric-change{font-size:10px;margin-top:4px}

/* ALERT */
.alert-bar{background:#ff440008;border:1px solid #ff444422;border-radius:4px;padding:12px 16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.alert-icon{color:#ff4444;font-family:'Space Mono',monospace;font-size:10px;font-weight:700;white-space:nowrap;padding-top:2px;letter-spacing:1px}
.alert-text{font-size:12px;color:#cc8888;line-height:1.6}
.alert-text strong{color:#ff6666}

/* GRIDS */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}

/* CARDS */
.card{background:#0f0f0f;border:1px solid #1c1c1c;border-radius:4px;overflow:hidden}
.card-header{padding:10px 16px;border-bottom:1px solid #161616;display:flex;align-items:center;justify-content:space-between;background:#0d0d0d}
.card-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;font-family:'Space Mono',monospace;color:#777}
.card-body{padding:14px 16px}

/* TAGS */
.tag{font-size:8px;padding:2px 7px;border-radius:2px;font-family:'Space Mono',monospace;letter-spacing:1px;font-weight:700;white-space:nowrap}
.tag-hot{background:#ff440018;color:#ff7755;border:1px solid #ff440030}
.tag-warm{background:#C9953A18;color:#C9953A;border:1px solid #C9953A30}
.tag-waiting{background:#00B4D818;color:#00B4D8;border:1px solid #00B4D830}
.tag-done{background:#44cc8818;color:#44cc88;border:1px solid #44cc8830}
.tag-urgent{background:#ff440020;color:#ff5544;border:1px solid #ff440035}
.tag-live{background:#44cc8815;color:#44cc88;border:1px solid #44cc8825}
.tag-wip{background:#C9953A15;color:#C9953A;border:1px solid #C9953A25}
.tag-skip{background:#33333318;color:#666;border:1px solid #33333330}

/* DEALS */
.deal-row{padding:12px 0;border-bottom:1px solid #141414;display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.deal-row:last-of-type{border-bottom:none}
.deal-name{font-size:13px;font-weight:600;margin-bottom:3px}
.deal-desc{font-size:11px;color:#666;margin-bottom:3px}
.deal-action{font-size:10px;color:#C9953A;font-family:'Space Mono',monospace}
.deal-right{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.deal-value{font-size:14px;font-weight:700;font-family:'Space Mono',monospace}
.total-row{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #1c1c1c;margin-top:4px;font-size:11px}

/* SPRINT */
.sprint-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
.sprint-item{background:#141414;border-radius:3px;padding:10px 12px}
.sprint-label{font-size:9px;color:#555;letter-spacing:1.5px;text-transform:uppercase;font-family:'Space Mono',monospace;margin-bottom:4px}
.sprint-value{font-size:14px;font-weight:600;font-family:'Space Mono',monospace}
.criteria-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.criteria-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.criteria-name{font-size:11px;color:#888;flex:1;padding-top:2px}
.bar-outer{background:#1a1a1a;border-radius:1px;height:3px;margin-top:5px;width:80px}
.bar-inner{height:3px;border-radius:1px}
.prob-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.prob-item{background:#141414;border-radius:3px;padding:10px 12px;text-align:center}
.prob-label{font-size:9px;color:#555;letter-spacing:1px;text-transform:uppercase;font-family:'Space Mono',monospace;margin-bottom:4px}
.prob-value{font-size:16px;font-weight:700;font-family:'Space Mono',monospace}

/* PRODUCTS */
.product-card{padding:0}
.product-card .card-body{display:none}
.product-name{font-size:12px;font-weight:700;font-family:'Space Mono',monospace;color:#C9953A;padding:14px 16px 4px;letter-spacing:1px}
.product-desc{font-size:11px;color:#666;padding:0 16px 10px;line-height:1.5}
.product-footer{padding:10px 16px;border-top:1px solid #141414;display:flex;justify-content:space-between;align-items:center}
.product-action{font-size:10px;padding:6px 16px 10px;font-family:'Space Mono',monospace}

/* VISION */
.vision-box{background:#0f0f0f;border:1px solid #C9953A22;border-radius:4px;padding:28px;text-align:center;margin-bottom:16px}
.vision-label{font-size:9px;letter-spacing:3px;color:#C9953A;text-transform:uppercase;font-family:'Space Mono',monospace;margin-bottom:16px}
.vision-text{font-size:20px;font-weight:300;color:#e0e0d8;line-height:1.7;max-width:700px;margin:0 auto}
.vision-sub{font-size:10px;color:#444;margin-top:14px;font-family:'Space Mono',monospace;letter-spacing:1px}

/* SECTION TITLE */
.section-title{font-size:9px;letter-spacing:2px;color:#444;text-transform:uppercase;font-family:'Space Mono',monospace;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #161616}

/* ACTIONS */
.actions-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}
.action-item{background:#0f0f0f;border:1px solid #1c1c1c;border-radius:4px;padding:14px 16px;display:flex;gap:16px;align-items:flex-start}
.action-item.red{border-left:2px solid #ff5544}
.action-item.gold-border{border-left:2px solid #C9953A}
.action-num{font-size:20px;color:#222;font-weight:700;min-width:32px;padding-top:2px}
.action-body{flex:1}
.action-title{font-size:13px;font-weight:600;margin-bottom:4px}
.action-desc{font-size:11px;color:#666;line-height:1.6}
.action-urgency{font-size:9px;font-family:'Space Mono',monospace;letter-spacing:1px;font-weight:700;white-space:nowrap;padding-top:4px}

/* TABLE */
.data-table{width:100%;border-collapse:collapse;font-size:12px}
.data-table th{text-align:left;font-size:9px;color:#555;letter-spacing:1.5px;text-transform:uppercase;font-family:'Space Mono',monospace;padding:8px 12px;border-bottom:1px solid #1a1a1a;font-weight:400}
.data-table td{padding:10px 12px;border-bottom:1px solid #141414;color:#ccc;vertical-align:top}
.data-table tr:last-child td{border-bottom:none}
.data-table tr:hover td{background:#0f0f0f}

/* FOOTER */
.footer{background:#0a0a0a;border-top:1px solid #161616;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;margin-top:32px}
.footer span{font-size:10px}

/* ANIMATIONS */
.blink{animation:blink 2s ease-in-out infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0.4}}

/* RESPONSIVE */
@media(max-width:1100px){.metrics-bar{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.metrics-bar{grid-template-columns:repeat(2,1fr)}.nav-right .nav-link{display:none}.footer{flex-direction:column;gap:8px;text-align:center}}

/* PAGE HEADER */
.page-header{padding:20px 0 16px;border-bottom:1px solid #161616;margin-bottom:20px}
.page-title{font-size:11px;letter-spacing:3px;color:#C9953A;text-transform:uppercase;font-family:'Space Mono',monospace;margin-bottom:6px}
.page-desc{font-size:13px;color:#888}

/* STAT ROWS */
.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #141414;font-size:12px}
.stat-row:last-child{border-bottom:none}
.stat-key{color:#666}
.stat-val{font-family:'Space Mono',monospace;color:#e0e0d8}

/* TIMELINE */
.timeline{display:flex;flex-direction:column;gap:0}
.tl-item{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid #141414}
.tl-item:last-child{border-bottom:none}
.tl-left{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}
.tl-phase{font-size:9px;color:#555;font-family:'Space Mono',monospace;letter-spacing:1px;text-align:center}
.tl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.tl-line{width:1px;background:#1c1c1c;flex:1}
.tl-body{flex:1;padding-top:2px}
.tl-title{font-size:13px;font-weight:600;margin-bottom:4px}
.tl-desc{font-size:11px;color:#666;line-height:1.6}
.tl-target{font-size:12px;font-family:'Space Mono',monospace;margin-top:6px}

/* TOOL CARDS */
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.tool-card{background:#0f0f0f;border:1px solid #1c1c1c;border-radius:4px;padding:12px 14px}
.tool-name{font-size:12px;font-weight:600;margin-bottom:3px}
.tool-price{font-size:10px;font-family:'Space Mono',monospace;margin-bottom:4px}
.tool-desc{font-size:10px;color:#666;line-height:1.5}
.tool-origin{font-size:9px;color:#444;font-family:'Space Mono',monospace;margin-top:6px;letter-spacing:1px}