@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-page: #FFFDF7;--bg-card: #FFFFFF;--text-primary: #1A1A1A;--text-secondary: #555555;--border: #1A1A1A;--border-width: 2.5px;--shadow: 4px 4px 0px #1A1A1A;--shadow-sm: 3px 3px 0px #1A1A1A;--shadow-hover: 6px 6px 0px #1A1A1A;--yellow: #FFD60A;--blue: #3A86FF;--green: #8AC926;--pink: #FF006E;--orange: #FB5607;--purple: #7B2FF7;--status-online: #8AC926;--status-offline: #FF006E;--status-degraded: #FFD60A;--radius: 4px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-page);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text-primary)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.page-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:32px;text-transform:uppercase;letter-spacing:-.02em}.section-heading{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:20px;text-transform:uppercase}.label{font-family:Inter,sans-serif;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.stat-value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:36px;line-height:1.1}.stat-value-xl{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:48px;line-height:1}.neo-card{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:box-shadow .15s ease,transform .15s ease;position:relative}.neo-card:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.neo-card--strip-yellow:before,.neo-card--strip-blue:before,.neo-card--strip-green:before,.neo-card--strip-pink:before,.neo-card--strip-orange:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;border-bottom:var(--border-width) solid var(--border)}.neo-card--strip-yellow:before{background:var(--yellow)}.neo-card--strip-blue:before{background:var(--blue)}.neo-card--strip-green:before{background:var(--green)}.neo-card--strip-pink:before{background:var(--pink)}.neo-card--strip-orange:before{background:var(--orange)}.neo-card--strip-yellow,.neo-card--strip-blue,.neo-card--strip-green,.neo-card--strip-pink,.neo-card--strip-orange{padding-top:30px}.neo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px 20px;font-family:Inter,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);background:var(--bg-card);cursor:pointer;transition:box-shadow .1s ease,transform .1s ease,background .1s ease;-webkit-user-select:none;user-select:none}.neo-btn:hover{box-shadow:var(--shadow);transform:translate(-1px,-1px)}.neo-btn:active{box-shadow:1px 1px 0 var(--border);transform:translate(2px,2px)}.neo-btn--primary{background:var(--yellow)}.neo-btn--blue{background:var(--blue);color:#fff}.neo-btn--green{background:var(--green)}.neo-btn--pink{background:var(--pink);color:#fff}.neo-btn--orange{background:var(--orange);color:#fff}.neo-btn--danger{background:var(--pink);color:#fff}.neo-btn--small{padding:6px 12px;font-size:11px;box-shadow:2px 2px 0 var(--border)}.neo-input,.neo-select{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius);padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:var(--text-primary);box-shadow:inset 2px 2px #0000000d;transition:box-shadow .1s ease}.neo-input:focus,.neo-select:focus{outline:none;box-shadow:inset 2px 2px #0000000d,0 0 0 3px var(--yellow)}.neo-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path fill='%231A1A1A' d='M2 4l4 4 4-4z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.neo-table{width:100%;border:var(--border-width) solid var(--border);border-radius:var(--radius);border-collapse:separate;border-spacing:0;background:var(--bg-card);box-shadow:var(--shadow);overflow:hidden}.neo-table thead tr{background:var(--text-primary)}.neo-table thead th{color:#fff;font-family:Inter,sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.1em;text-align:left;padding:14px 18px;border-bottom:var(--border-width) solid var(--border)}.neo-table tbody tr{border-bottom:1.5px solid var(--border);transition:background .1s ease}.neo-table tbody tr:last-child{border-bottom:none}.neo-table tbody td{padding:14px 18px;font-size:14px;color:var(--text-primary);vertical-align:middle}.neo-table--yellow tbody tr:hover{background:#ffd60a40}.neo-table--blue tbody tr:hover{background:#3a86ff26}.neo-table--green tbody tr:hover{background:#8ac92633}.neo-table--pink tbody tr:hover{background:#ff006e1f}.neo-table--orange tbody tr:hover{background:#fb560726}.neo-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:2px solid var(--border);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--border);background:var(--bg-card);color:var(--text-primary);white-space:nowrap;transition:transform .1s ease}.neo-badge:hover{transform:scale(1.05)}.neo-badge--online{background:var(--green);color:var(--text-primary)}.neo-badge--offline{background:var(--pink);color:#fff}.neo-badge--warning{background:var(--yellow);color:var(--text-primary)}.neo-badge--info{background:var(--blue);color:#fff}.neo-badge--black{background:var(--text-primary);color:#fff}.neo-badge--yellow{background:var(--yellow);color:var(--text-primary)}.neo-badge--blue{background:var(--blue);color:#fff}.neo-badge--green{background:var(--green);color:var(--text-primary)}.neo-badge--pink{background:var(--pink);color:#fff}.neo-badge--orange{background:var(--orange);color:#fff}.neo-badge--white{background:var(--bg-card);color:var(--text-primary)}.neo-badge--latency-fast{background:var(--green);color:var(--text-primary)}.neo-badge--latency-medium{background:var(--yellow);color:var(--text-primary)}.neo-badge--latency-slow{background:var(--pink);color:#fff}.neo-status-dot{display:inline-block;width:10px;height:10px;border:1.5px solid var(--border);border-radius:50%;margin-right:6px}.neo-status-dot--online{background:var(--status-online)}.neo-status-dot--offline{background:var(--status-offline)}.app-shell{display:flex;min-height:100vh;background:var(--bg-page)}.sidebar{width:240px;flex-shrink:0;background:var(--bg-card);border-right:var(--border-width) solid var(--border);padding:24px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__logo{padding:0 24px 16px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);border-bottom:var(--border-width) solid var(--border);margin-bottom:16px}.sidebar__logo small{display:block;font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--text-secondary);margin-top:2px}.sidebar__nav{display:flex;flex-direction:column;gap:4px;padding:0 16px;flex:1}.nav-item{display:flex;align-items:center;padding:12px 16px;font-family:Inter,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border:var(--border-width) solid transparent;border-left-width:4px;border-radius:var(--radius);cursor:pointer;background:transparent;transition:background .15s ease,color .15s ease,box-shadow .15s ease;text-align:left;width:100%}.nav-item--overview{border-left-color:var(--yellow)}.nav-item--models{border-left-color:var(--blue)}.nav-item--costs{border-left-color:var(--green)}.nav-item--latency{border-left-color:var(--pink)}.nav-item--logs{border-left-color:var(--orange)}.nav-item:hover{background:var(--yellow);color:var(--text-primary);border-color:var(--border);border-left-color:var(--border)}.nav-item--active{background:var(--text-primary);color:#fff;border-color:var(--border);box-shadow:3px 3px 0 var(--yellow)}.nav-item--active.nav-item--models{box-shadow:3px 3px 0 var(--blue)}.nav-item--active.nav-item--costs{box-shadow:3px 3px 0 var(--green)}.nav-item--active.nav-item--latency{box-shadow:3px 3px 0 var(--pink)}.nav-item--active.nav-item--logs{box-shadow:3px 3px 0 var(--orange)}.nav-item--active:hover{background:var(--text-primary);color:#fff}.sidebar__footer{padding:16px 20px 4px;border-top:var(--border-width) solid var(--border);margin-top:16px}.sidebar__footer-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:8px}.sidebar__status-row{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;margin-bottom:6px}.version-pill{display:inline-block;margin-top:10px;background:var(--text-primary);color:#fff;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;border:2px solid var(--border);border-radius:var(--radius-pill);box-shadow:2px 2px 0 var(--border)}.main{flex:1;padding:40px 48px 64px;min-width:0}.main__header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid var(--border)}.main__header--yellow{border-bottom-color:var(--yellow)}.main__header--blue{border-bottom-color:var(--blue)}.main__header--green{border-bottom-color:var(--green)}.main__header--pink{border-bottom-color:var(--pink)}.main__header--orange{border-bottom-color:var(--orange)}.main__subtitle{font-size:13px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.grid{display:grid;gap:20px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1100px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.sidebar{display:none}.main{padding:24px}}.icon-square{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border-width) solid var(--border);border-radius:var(--radius);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:14px;box-shadow:2px 2px 0 var(--border)}.icon-square--yellow{background:var(--yellow)}.icon-square--blue{background:var(--blue);color:#fff}.icon-square--green{background:var(--green)}.icon-square--pink{background:var(--pink);color:#fff}.icon-square--orange{background:var(--orange);color:#fff}.empty-state{padding:48px 24px;text-align:center;color:var(--text-secondary);font-weight:500;font-size:14px}.stat-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.kv-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1.5px dashed var(--border)}.kv-row:last-child{border-bottom:none}.kv-row__key{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.kv-row__value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:15px}.flex-row{display:flex;align-items:center;gap:12px}.flex-wrap{flex-wrap:wrap}.mt-lg{margin-top:32px}.mt-md{margin-top:20px}.mb-lg{margin-bottom:32px}.neo-chart-container{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.recharts-cartesian-grid line{stroke:var(--border);stroke-dasharray:4 4;stroke-width:1}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:var(--border);stroke-width:2}.recharts-cartesian-axis-tick text{fill:var(--text-primary);font-family:Inter,sans-serif;font-weight:500;font-size:11px}.recharts-legend-item-text{font-family:Inter,sans-serif!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:var(--text-primary)!important}.neo-tooltip{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.neo-tooltip__label{font-family:Inter,sans-serif;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:4px}.neo-tooltip__value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:16px}.nav-item--projects{--nav-accent: #FB8500}.nav-item--projects.nav-item--active{background:#fb8500;color:#fff}.nav-item--settings{--nav-accent: #7B2FF7}.nav-item--settings.nav-item--active{background:#7b2ff7;color:#fff}.neo-card--strip-orange{border-left:6px solid #FB8500}.neo-card--strip-purple{border-left:6px solid #7B2FF7}.neo-tabs{display:flex;gap:0;border-bottom:var(--border-width) solid var(--border);margin-bottom:24px}.neo-tab{padding:10px 20px;background:none;border:none;border-bottom:3px solid transparent;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:14px;cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.neo-tab--active{color:var(--text-primary);border-bottom-color:#7b2ff7}.neo-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999}.neo-modal{background:var(--bg-card);border:var(--border-width) solid var(--border);box-shadow:6px 6px 0 var(--border);padding:32px;min-width:420px;max-width:560px;width:90%}.neo-input{width:100%;padding:10px 12px;border:var(--border-width) solid var(--border);background:var(--bg-page);font-family:JetBrains Mono,monospace;font-size:13px;box-sizing:border-box}.neo-input:focus{outline:3px solid #7B2FF7;outline-offset:1px}.budget-bar{height:8px;background:var(--bg-page);border:1.5px solid var(--border);border-radius:0;overflow:hidden}.budget-bar__fill{height:100%;transition:width .3s ease}.info-table{width:100%;border-collapse:collapse}.info-table td{padding:8px 0;border-bottom:1px solid #eee}.info-table td:first-child{width:180px;font-weight:600}.neo-btn--sm{padding:4px 10px;font-size:12px}