@import "https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg:#0e2e34;--panel:#164149;--panel-elevated:#1c4e57;--text:#fff;--muted:#9fc7c3;--line:#2a5259;--accent:#1698ac;--accent-strong:#006875;--accent-2:#70bc7e;--danger:#ef4444;--warning:#f59e0b;--shadow:0 16px 40px #00000059;--font-display:"Oswald", ui-sans-serif, system-ui, sans-serif;--font-body:"JetBrains Mono", "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);font-family:var(--font-body);margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,.login-title,.login-pitch-lead,strong{font-family:var(--font-display)}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;border-right:1px solid var(--line);background:#0b2a30;padding:24px 18px}.brand{align-items:center;gap:12px;min-height:40px;margin-bottom:28px;display:flex}.brand-mark{flex-shrink:0;place-items:center;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.02em}.brand small{color:var(--muted);font-family:var(--font-body);margin-top:2px;font-size:.76rem}.nav{gap:6px;display:grid}.nav-item{color:#b8dad6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 12px;transition:background-color .15s,color .15s;display:flex}.nav-item.active,.nav-item:hover{background:var(--panel-elevated);color:#fff}.nav-icon{flex-shrink:0;display:inline-flex}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.eyebrow{color:var(--accent-2);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.78rem;font-weight:700}h1,h2{margin:0;font-weight:600}h1{font-size:clamp(1.55rem,2vw,2.25rem)}h2{font-size:1rem}.icon-button,button[type=submit],.entity-actions button,.btn-generate{background:var(--accent-strong);color:#fff;font-weight:600;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;transition:filter .15s,transform 50ms}.icon-button:hover,button[type=submit]:hover,.entity-actions button:hover,.btn-generate:hover{filter:brightness(1.2)}.icon-button:active,button[type=submit]:active,.entity-actions button:active,.btn-generate:active{transform:translateY(1px)}.input-with-button{gap:8px;display:flex}.input-with-button input{flex:1}.btn-generate{flex-shrink:0;padding:10px 12px}.icon-button{width:42px;height:42px;padding:0}.status{border:1px solid var(--line);border-left:4px solid var(--accent-2);background:var(--panel);border-radius:12px;margin-bottom:16px;padding:12px 14px}.status.error{border-left-color:var(--danger)}.view{display:none}.view.active{display:block}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:16px}.metric-card{padding:20px}.metric-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.metric-label{color:var(--muted);font-size:.86rem}.metric-card strong{font-size:1.65rem;display:block}.split,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.panel{margin-bottom:16px;padding:18px}.icon-chip{background:var(--panel-elevated);width:34px;height:34px;color:var(--accent-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-head.inline{margin:0 0 16px}.form{gap:12px;display:grid}.tool-form{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-form .panel-head,.tool-form .wide,.tool-form button{grid-column:1/-1}label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;gap:6px;font-size:.78rem;font-weight:600;display:grid}input,select,textarea{border:1px solid var(--line);background:var(--panel-elevated);width:100%;color:var(--text);font-family:var(--font-body);border-radius:8px;padding:10px 11px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#5e8b87}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);outline:none;box-shadow:0 0 0 3px #70bc7e33}textarea{resize:vertical;font-size:.84rem}.entity-list{gap:12px;display:grid}.entity-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;align-items:center;gap:14px;padding:16px 18px;display:flex}.entity-card .icon-chip{width:40px;height:40px}.entity-main{flex:1;min-width:0}.entity-title{font-weight:600;font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.entity-id{color:var(--muted);font-size:.82rem;font-weight:400;font-family:var(--font-body)}.entity-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:.84rem;display:flex}.entity-sub{color:var(--muted);word-break:break-word;margin-top:6px;font-size:.8rem;line-height:1.5}.entity-actions{flex-shrink:0;gap:8px;display:flex}.usage-bar{background:var(--panel-elevated);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.usage-bar-fill{background:var(--accent-2);border-radius:999px;height:100%}.empty-state{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:40px 20px;display:grid}.empty-state .icon-chip{width:44px;height:44px}.empty-state p{margin:0}.empty-state .empty-hint{font-size:.84rem}.badge{color:var(--accent-2);background:#70bc7e29;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.badge.off{color:#fca5a5;background:#ef444429}.list{gap:10px;display:grid}.list-item,.policy div{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.list-item:last-child,.policy div:last-child{border-bottom:0}.policy span{color:var(--muted);text-align:right}.secret-box{border:1px dashed var(--line);background:var(--panel-elevated);white-space:pre-wrap;word-break:break-word;border-radius:12px;min-height:160px;margin:0;padding:14px}.secret-box.error{border-color:var(--danger);background:#ef444414}.help-intro{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.help-intro p:last-child{max-width:640px;color:var(--muted);margin:0;line-height:1.55}.help-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.help-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:14px;padding:18px}.help-card span{background:var(--panel-elevated);width:34px;height:28px;color:var(--accent-2);border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.help-card h3{margin:14px 0 8px;font-size:1rem}.help-card p{color:var(--muted);margin:0;line-height:1.5}.flow-list{color:var(--muted);margin:0;padding-left:22px;line-height:1.8}.flow-list b{color:var(--text)}.login-screen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;background:#0b2a30;flex-direction:column;justify-content:center;gap:28px;padding:48px;display:flex;position:relative;overflow:hidden}.login-brand-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#70bc7e47,#0000 55%),radial-gradient(circle at 85% 85%,#1698ac59,#0000 50%);position:absolute;inset:0}.login-brand-panel>*{position:relative}.login-brand-panel .brand-mark{width:48px;height:48px}.login-brand-panel .brand strong{font-size:1.05rem}.login-logo{width:auto;height:40px;display:block}.login-form-panel{background:var(--bg);justify-content:center;align-items:center;padding:24px;display:flex}.login-card{border:1px solid var(--line);background:var(--panel);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:16px;gap:16px;padding:32px;display:grid}.login-brand{margin-bottom:4px}.login-pitch{gap:12px;max-width:380px;display:grid}.login-pitch p{color:#b8dad6;margin:0;font-size:.94rem;line-height:1.55}.login-pitch-lead{color:#fff;letter-spacing:-.01em;font-size:1.3rem;font-weight:600;line-height:1.4}.login-title{letter-spacing:-.01em;margin:0;font-size:1.65rem;font-weight:600}.login-hint{color:var(--muted);margin:0;font-size:.82rem;line-height:1.45}.password-rules{color:var(--muted);margin:-4px 0 0;font-size:.78rem}.text-link{color:var(--accent-2);font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.sidebar-footer{border-top:1px solid var(--line);gap:8px;margin-top:24px;padding-top:16px;display:grid}.session-email{color:var(--muted);word-break:break-word;font-size:.8rem}.logout-button{border:1px solid var(--line);color:#b8dad6;cursor:pointer;text-align:left;background:0 0;border-radius:8px;padding:9px 12px;font-weight:600}.logout-button:hover{background:var(--panel-elevated);color:#fff}@media (width<=980px){.shell{grid-template-columns:1fr}.nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid,.split,.grid-2,.tool-form,.help-grid{grid-template-columns:1fr}.help-intro{display:block}.login-screen{grid-template-columns:1fr;min-height:auto}.login-brand-panel{gap:16px;padding:28px 24px}.login-pitch{max-width:none}}@media (width<=620px){.main{padding:18px}.nav{grid-template-columns:1fr 1fr}.topbar{align-items:center}.login-brand-panel,.login-form-panel{padding:18px}.login-card{padding:22px}.entity-card{flex-direction:column;align-items:stretch}.entity-actions{width:100%}.entity-actions button{flex:1}}