:root{--bg: hsl(0 0% 100%);--bg-elev: hsl(0 0% 99%);--bg-sunken: hsl(0 0% 97%);--fg: hsl(0 0% 5%);--fg-muted: hsl(0 0% 45%);--fg-subtle: hsl(0 0% 60%);--border: hsl(0 0% 92%);--border-strong: hsl(0 0% 84%);--hairline: hsl(0 0% 95%);--primary: hsl(0 0% 5%);--primary-fg: hsl(0 0% 100%);--accent-bg: hsl(0 0% 96%);--danger: hsl(0 70% 45%);--danger-bg: hsl(0 70% 97%);--danger-border: hsl(0 70% 88%);--warn: hsl(38 92% 40%);--warn-bg: hsl(38 92% 96%);--warn-border: hsl(38 92% 84%);--success: hsl(142 60% 35%);--success-bg: hsl(142 60% 96%);--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 1px 3px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.04);--shadow-lg: 0 8px 40px rgba(0,0,0,.08);--p-creatumo: hsl(28 90% 55%);--p-creatumo-bg: hsl(28 90% 96%);--p-pictumo: hsl(280 65% 58%);--p-pictumo-bg: hsl(280 65% 97%);--p-lingumo: hsl(160 55% 38%);--p-lingumo-bg: hsl(160 55% 96%);--p-surge: hsl(212 90% 50%);--p-surge-bg: hsl(212 90% 97%);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Space Grotesk", system-ui, sans-serif;--font-code: "JetBrains Mono", ui-monospace, monospace}[data-theme=dark]{--bg: hsl(0 0% 4%);--bg-elev: hsl(0 0% 7%);--bg-sunken: hsl(0 0% 2%);--fg: hsl(0 0% 96%);--fg-muted: hsl(0 0% 62%);--fg-subtle: hsl(0 0% 42%);--border: hsl(0 0% 14%);--border-strong: hsl(0 0% 22%);--hairline: hsl(0 0% 10%);--primary: hsl(0 0% 98%);--primary-fg: hsl(0 0% 8%);--accent-bg: hsl(0 0% 12%);--danger: hsl(0 80% 65%);--danger-bg: hsl(0 60% 10%);--danger-border: hsl(0 60% 22%);--warn: hsl(38 92% 60%);--warn-bg: hsl(38 50% 10%);--warn-border: hsl(38 50% 24%);--success: hsl(142 55% 55%);--success-bg: hsl(142 40% 10%);--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 1px 3px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3);--shadow-lg: 0 8px 40px rgba(0,0,0,.5);--p-creatumo: hsl(28 95% 62%);--p-creatumo-bg: hsl(28 60% 11%);--p-pictumo: hsl(280 75% 70%);--p-pictumo-bg: hsl(280 50% 12%);--p-lingumo: hsl(160 60% 50%);--p-lingumo-bg: hsl(160 40% 9%);--p-surge: hsl(212 90% 65%);--p-surge-bg: hsl(212 60% 11%)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}button{font-family:inherit}a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:text-decoration-color .15s ease}a:hover{text-decoration-color:var(--fg)}::selection{background:var(--fg);color:var(--bg)}.app{min-height:100vh;display:grid;grid-template-columns:248px 1fr;background:var(--bg-sunken)}.sidebar{position:sticky;top:0;height:100vh;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 16px;gap:4px;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 8px 20px;text-decoration:none;color:var(--fg)}.sidebar-brand-mark{width:30px;height:30px;border-radius:6px;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:13px;letter-spacing:-.02em}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1}.sidebar-brand-text .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:4px}.sidebar-brand-text .name{font-weight:600;font-size:14px;letter-spacing:-.01em}.sidebar-section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-subtle);padding:16px 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--fg-muted);text-decoration:none;font-size:13.5px;font-weight:500;border:1px solid transparent;cursor:pointer;background:transparent;width:100%;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--accent-bg);color:var(--fg)}.nav-item.active{background:var(--accent-bg);color:var(--fg);border-color:var(--border)}.nav-item .nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;background:var(--fg);color:var(--bg);padding:2px 6px;border-radius:var(--radius-pill);text-transform:uppercase}.nav-item .nav-icon{width:16px;height:16px;display:grid;place-items:center;color:currentColor}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding-top:12px}.user-pill{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);background:var(--bg-sunken);border:1px solid var(--border)}.user-pill .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--fg),var(--fg-muted));color:var(--bg);display:grid;place-items:center;font-weight:600;font-size:11px;letter-spacing:.02em;flex-shrink:0}.user-pill .user-meta{flex:1;min-width:0}.user-pill .user-meta .name{font-weight:500;font-size:12.5px;line-height:1.1}.user-pill .user-meta .email{font-size:11px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar .crumbs{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);display:flex;align-items:center;gap:8px}.topbar .crumbs .sep{color:var(--fg-subtle)}.topbar .crumbs .now{color:var(--fg)}.topbar-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg);display:grid;place-items:center;cursor:pointer;transition:background .12s}.icon-btn:hover{background:var(--accent-bg)}.content{flex:1;padding:40px 48px 80px;max-width:1080px;width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px}.page-header h1{font-size:32px;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0 0 8px}.page-header .sub{color:var(--fg-muted);font-size:14.5px;max-width:540px;line-height:1.5}.page-header .eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:10px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--hairline)}.card-header h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.005em}.card-header .desc{color:var(--fg-muted);font-size:13px}.card-body{padding:20px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--hairline);background:var(--bg-sunken);font-size:12.5px;color:var(--fg-muted)}.card.danger{border-color:var(--danger-border)}.card.danger .card-header{border-bottom-color:var(--danger-border)}dl.def{display:grid;grid-template-columns:160px 1fr;gap:10px 24px;margin:0}dl.def dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);padding-top:2px}dl.def dd{margin:0;font-size:14px}dl.def dd.mono{font-family:var(--font-code);font-size:12.5px;color:var(--fg-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;transition:background .12s,border-color .12s,transform .05s;text-decoration:none}.btn:hover{background:var(--accent-bg)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{background:var(--bg)}.btn.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn.primary:hover{opacity:.9;background:var(--primary)}.btn.danger{border-color:var(--danger-border);color:var(--danger);background:var(--bg)}.btn.danger:hover{background:var(--danger-bg)}.btn.danger.solid{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.ghost{border-color:transparent}.btn.ghost:hover{background:var(--accent-bg)}.btn.sm{padding:5px 10px;font-size:12px}.btn.lg{padding:11px 18px;font-size:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}input[type=text],input[type=email],input[type=number],input[type=password],select,textarea{font-family:inherit;font-size:14px;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg);outline:none;transition:border-color .12s,box-shadow .12s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--fg);box-shadow:0 0 0 3px var(--accent-bg)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);color:var(--fg-muted);background:var(--bg);white-space:nowrap}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.success{color:var(--success);border-color:var(--success);background:var(--success-bg)}.badge.warn{color:var(--warn);border-color:var(--warn-border);background:var(--warn-bg)}.badge.danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-bg)}.badge.muted{color:var(--fg-muted)}.product-mark{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:16px;letter-spacing:-.02em;flex-shrink:0}.product-mark.lg{width:44px;height:44px;font-size:18px}.product-mark.sm{width:26px;height:26px;font-size:11px;border-radius:6px}.product-mark[data-product=creatumo]{background:var(--p-creatumo-bg);color:var(--p-creatumo)}.product-mark[data-product=pictumo]{background:var(--p-pictumo-bg);color:var(--p-pictumo)}.product-mark[data-product=lingumo]{background:var(--p-lingumo-bg);color:var(--p-lingumo)}.product-mark[data-product=surge]{background:var(--p-surge-bg);color:var(--p-surge)}.sub-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);transition:border-color .12s;text-decoration:none;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%}.sub-card:hover{border-color:var(--border-strong)}.sub-card .meta{min-width:0}.sub-card .meta .name{font-weight:600;font-size:15px;letter-spacing:-.01em}.sub-card .meta .desc{font-size:12.5px;color:var(--fg-muted);margin-top:2px}.sub-card .right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.sub-card .price{font-family:var(--font-mono);font-weight:600;font-size:14px}.sub-card.empty{border-style:dashed;background:var(--bg-sunken);color:var(--fg-muted);cursor:default}.sub-card.empty:hover{border-color:var(--border)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.stat .label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:8px}.stat .value{font-size:24px;font-weight:600;letter-spacing:-.02em;font-family:var(--font-mono)}.stat .delta{font-size:12px;color:var(--fg-muted);margin-top:4px}.meter{height:8px;background:var(--bg-sunken);border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--hairline)}.meter-fill{height:100%;background:var(--fg);border-radius:var(--radius-pill);transition:width .4s ease,background .2s}.meter-fill.warn{background:var(--warn)}.meter-fill.danger{background:var(--danger)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th{text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);font-weight:500;padding:12px 16px;border-bottom:1px solid var(--hairline);background:var(--bg-sunken)}table.data td{padding:14px 16px;border-bottom:1px solid var(--hairline);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tr:hover td{background:var(--bg-sunken)}table.data .mono{font-family:var(--font-code);font-size:12.5px}.empty-state{text-align:center;padding:40px 24px;color:var(--fg-muted)}.empty-state .glyph{width:56px;height:56px;border:1px dashed var(--border-strong);border-radius:12px;display:grid;place-items:center;margin:0 auto 16px;color:var(--fg-subtle)}.empty-state h3{font-size:15px;font-weight:600;color:var(--fg);margin:0 0 6px}.empty-state p{font-size:13.5px;max-width:360px;margin:0 auto}.signin{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg);position:relative}.signin .left{display:flex;flex-direction:column;justify-content:center;padding:64px 80px;position:relative;z-index:2}.signin .right{background:var(--bg-sunken);border-left:1px solid var(--border);position:relative;overflow:hidden}.signin-brand{display:flex;align-items:center;gap:12px;margin-bottom:64px}.signin-brand .mark{width:36px;height:36px;border-radius:8px;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:16px}.signin h1{font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0 0 16px}.signin .lead{font-size:16px;color:var(--fg-muted);margin:0 0 40px;max-width:460px;line-height:1.55}.google-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border-radius:var(--radius-sm);background:var(--fg);color:var(--bg);border:1px solid var(--fg);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .12s;font-family:inherit}.google-btn:hover{opacity:.88}.signin-footer{font-size:12.5px;color:var(--fg-muted);margin-top:16px}.signin-products{display:flex;gap:20px;margin-top:56px;flex-wrap:wrap}.signin-products .pp{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.constellation{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.constellation svg{width:100%;height:100%}.product-node{fill:var(--bg);stroke:var(--border-strong);stroke-width:1}.product-line{stroke:var(--border);stroke-dasharray:3 4}.banner{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:24px;background:var(--bg)}.banner .banner-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.banner .banner-body{flex:1}.banner .banner-body .title{font-weight:600;font-size:14px;margin:0 0 2px}.banner .banner-body .desc{color:var(--fg-muted);font-size:13px;margin:0;line-height:1.5}.banner .banner-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;margin-left:auto}.banner.danger{border-color:var(--danger-border);background:var(--danger-bg)}.banner.danger .banner-icon{background:var(--danger);color:#fff}.banner.warn{border-color:var(--warn-border);background:var(--warn-bg)}.banner.warn .banner-icon{background:var(--warn);color:#fff}.section{margin-bottom:32px}.section h2.section-title{font-size:12px;font-family:var(--font-mono);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin:0 0 12px}.sidebar-overlay{display:none}.topbar .hamburger{display:none;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg);place-items:center;cursor:pointer;margin-right:12px}@media (max-width: 920px){.app{grid-template-columns:1fr}.app>.sidebar{display:none}.content{padding:24px 20px 60px}.signin{grid-template-columns:1fr}.signin .right{display:none}.signin .left{padding:40px 24px}.topbar .hamburger{display:grid}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.sidebar-overlay .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;border:none;padding:0;cursor:default}.sidebar-overlay .sidebar{position:relative;z-index:1;width:280px;height:100%}}