@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#171717;--muted:#77716a;--paper:#f4f1eb;--panel:#fffdf8;--line:#ded8ce;--accent:#e6532f;--accent-soft:#f7d6c9;--shadow:0 18px 45px rgba(39,31,22,.08)}
[data-theme="dark"]{--ink:#f4f1eb;--muted:#aaa39a;--paper:#171717;--panel:#232323;--line:#3a3834;--accent:#ff7656;--accent-soft:#573229;--shadow:0 18px 45px rgba(0,0,0,.24)}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;transition:background .2s,color .2s}
a{color:inherit;text-decoration:none}
.nav-top{
	height:78px;background:var(--ink);border-bottom:1px solid var(--line);
	display: flex;
	color:var(--paper);align-items:center;justify-content:space-between;padding:0 34px;
}
.logo{display:flex;align-items:center;gap:12px}.logo-img{width:40px;height:40px;object-fit:contain;border-radius:12px}.logo strong{display:block;letter-spacing:.08em;font-size:15px}.logo span{display:block;color:#aaa39a;font:10px 'DM Mono',monospace;text-transform:uppercase;margin-top:3px}.nav-links{display:flex;align-items:center;gap:14px}.theme-toggle,.profile-btn{border:1px solid #4b4a47;background:transparent;color:inherit;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font:12px 'DM Mono',monospace;cursor:pointer}.theme-toggle:hover,.profile-btn:hover{border-color:var(--accent)}.theme-icon{font-size:18px;line-height:12px}.profile-img{width:22px;height:22px;object-fit:contain;filter:grayscale(1)}
.dashboard{min-height:calc(100vh - 78px);display:flex}.nav-left{width:218px;padding:30px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.side-heading{font:11px 'DM Mono',monospace;text-transform:uppercase;color:var(--muted);letter-spacing:.12em;padding:0 14px 18px}.side-heading span{float:right;color:var(--accent)}.nav-left-btn{display:flex;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:var(--muted);font:600 14px 'Space Grotesk',sans-serif;text-align:left;padding:13px 14px;border-radius:8px;margin:2px 0;cursor:pointer}.nav-left-btn:hover,.nav-left-btn.active{background:var(--accent-soft);color:var(--ink)}.nav-left-btn.active{box-shadow:inset 3px 0 var(--accent)}.nav-symbol{width:20px;font-size:20px;color:var(--accent);text-align:center}.side-footer{margin-top:auto;padding:16px 14px;border-top:1px solid var(--line);font:12px 'DM Mono',monospace;color:var(--muted)}.side-footer a{display:flex;align-items:center;gap:9px}.side-footer span{font-size:20px;color:var(--accent)}.dashboard-container{flex:1;min-width:0;padding:46px clamp(24px,5vw,80px);background:radial-gradient(circle at 85% 0%,var(--accent-soft),transparent 27%),var(--paper)}
.content-loading{color:var(--muted);font:12px 'DM Mono',monospace}.eyebrow{font:11px 'DM Mono',monospace;color:var(--accent);text-transform:uppercase;letter-spacing:.16em}.content-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:10px 0 32px}.content-heading h1{font-size:clamp(30px,4vw,54px);line-height:.98;letter-spacing:-.04em}.content-heading p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.5}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:auto;animation:rise .35s both}.data-table{width:100%;border-collapse:collapse;min-width:760px;text-align:left}.data-table th{padding:14px 18px;background:var(--accent-soft);color:var(--muted);font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.data-table td{padding:17px 18px;border-top:1px solid var(--line);font-size:13px;vertical-align:top}.data-table tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 25%,transparent)}.data-table strong{font-size:14px}.table-platform{display:inline-block;color:var(--accent);font:11px 'DM Mono',monospace;text-transform:uppercase}.table-details{color:var(--muted);max-width:300px;line-height:1.45}.table-link{color:var(--accent);font:11px 'DM Mono',monospace;white-space:nowrap}.empty-state{border:1px dashed var(--line);padding:35px;color:var(--muted);font:12px 'DM Mono',monospace}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.nav-top{padding:0 18px;height:70px}.logo span{display:none}.profile-btn span,.theme-toggle #theme-label{display:none}.dashboard{display:block}.nav-left{width:100%;height:auto;padding:12px 14px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-right:0;border-bottom:1px solid var(--line)}.side-heading,.side-footer{display:none}.nav-left-btn{justify-content:center;flex-direction:column;gap:3px;padding:9px 4px;font-size:11px}.nav-left-btn.active{box-shadow:inset 0 -3px var(--accent)}.dashboard-container{padding:32px 18px}.content-heading{display:block}.content-heading p{margin-top:12px}}