@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #f6f7fb;--surface: #ffffff;--surface-muted: #f9fafb;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-muted: #6b7280;--text-soft: #9ca3af;--primary: #2563eb;--primary-hover: #1d4ed8;--success: #16a34a;--danger: #dc2626;--shadow: 0 12px 32px rgba(15, 23, 42, .08);--radius: 8px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,textarea,select,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:var(--bg)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;min-height:72px;padding:0 40px;background:#fffffff0;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-button{display:flex;align-items:center;gap:12px;padding:0;color:var(--text);background:transparent;border:0;text-align:left}.brand-mark{display:block;width:40px;height:40px;overflow:hidden;background:#05070d;border:1px solid #312e81;border-radius:var(--radius)}.brand-mark img{width:72px;height:72px;max-width:none;transform:translate(-16px,-5px)}.brand-button strong,.brand-button small{display:block}.brand-button strong{font-size:18px;line-height:1.2}.brand-button small{color:var(--text-muted);font-size:12px;font-weight:600}.topnav{display:flex;align-items:center;gap:4px;flex:1}.topnav button,.preset-row button,.text-button{color:var(--text-muted);background:transparent;border:0}.topnav button{padding:9px 13px;border-radius:var(--radius);font-weight:600}.topnav button.active,.topnav button:hover,.preset-row button:hover{color:var(--text);background:var(--surface-muted)}.language-button{min-height:38px;padding:0 12px;color:var(--text);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);font-weight:800;white-space:nowrap}.language-button:hover{background:var(--surface-muted)}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:var(--radius);font-weight:700}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary)}.primary-button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.secondary-button{color:var(--text);background:var(--surface);border:1px solid var(--border-strong)}.secondary-button:hover{background:var(--surface-muted)}.danger-button{color:var(--danger);background:#fff;border:1px solid #fecaca}.page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:40px 0 64px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.page-heading.compact{display:block;margin-bottom:20px}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:0}h2{margin-bottom:0;font-size:20px}h3{margin-bottom:0;font-size:18px}.page-heading p:not(.eyebrow),.project-row p,.manager-heading p{color:var(--text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric-card,.content-panel,.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:18px}.metric-card div{display:grid;width:36px;height:36px;margin-bottom:14px;place-items:center;color:var(--primary);background:#eff6ff;border-radius:var(--radius)}.metric-card span{display:block;margin-bottom:4px;color:var(--text-muted);font-size:13px;font-weight:700}.metric-card strong{font-size:28px;line-height:1}.content-panel{padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-title span{color:var(--text-muted);font-size:13px;font-weight:700}.project-list{display:grid;gap:12px}.project-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius)}.row-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;color:var(--text-muted);background:#f3f4f6;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:800}.status.enabled{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.row-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--text-soft);font-size:13px;font-weight:700}.row-actions,.manager-actions,.auth-actions{display:flex;align-items:center;gap:10px}.empty-state{display:grid;gap:14px;padding:30px;color:var(--text-muted);background:var(--surface-muted);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty-state p{margin-bottom:0}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}.create-layout .page-heading{grid-column:1 / -1}.create-form{display:grid;gap:14px}.target-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 6px;padding:0 0 18px;border:0;border-bottom:1px solid var(--border)}.target-settings legend{grid-column:1 / -1;margin-bottom:2px;font-size:16px;font-weight:800}.target-settings label{display:grid;gap:7px}.api-settings{display:grid;gap:12px;margin:0 0 6px;padding:0 0 18px;border:0;border-bottom:1px solid var(--border)}.api-settings legend{margin-bottom:2px;font-size:16px;font-weight:800}.api-settings p{margin-bottom:0;color:var(--text-muted);font-size:13px}.api-settings-grid{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:14px}.api-settings label{display:grid;gap:7px}.api-settings label>span,.target-settings span{color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase}.api-settings input,.api-settings select,.target-settings select{width:100%;min-height:42px;padding:0 12px;color:var(--text);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius)}.api-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.api-status{color:var(--text-muted);font-size:13px;font-weight:700}.api-status.saved{color:var(--success)}.create-form label{font-weight:800}.create-form textarea{width:100%;min-height:180px;padding:14px;color:var(--text);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius);resize:vertical}.create-form textarea:focus{outline:3px solid #dbeafe;border-color:var(--primary)}.library-panel{display:grid;gap:18px}.library-controls{display:grid;grid-template-columns:minmax(0,1fr) 180px 160px;gap:12px}.library-controls input,.library-controls select,.auth-form input{width:100%;min-height:42px;padding:0 12px;color:var(--text);background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius)}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.library-card{display:grid;gap:14px;align-content:space-between;padding:18px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius)}.library-card p{color:var(--text-muted)}.preset-row{display:flex;flex-wrap:wrap;gap:8px}.preset-row button{min-height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius)}.form-submit{width:fit-content}.preview-panel{position:sticky;top:96px}.details-list{display:grid;gap:12px;margin:0 0 18px}.details-list div,.detail-card{display:grid;gap:4px}.details-list dt,.detail-card span{color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase}.details-list dd{margin:0;font-weight:700}.feature-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.feature-list span{padding:7px 9px;color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-weight:700}.manager-panel{display:grid;gap:24px}.auth-panel{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;font-weight:800}.auth-form label>span{color:var(--text-muted);font-size:12px;text-transform:uppercase}.auth-actions{flex-wrap:wrap}.auth-message{margin-bottom:0;color:var(--text-muted);font-weight:700}.text-button{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:0;font-weight:700}.manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-card{padding:16px;box-shadow:none}.detail-card strong{font-size:18px}@media (max-width: 860px){.topbar{align-items:stretch;flex-wrap:wrap;gap:12px;padding:16px 20px}.topnav{order:3;flex-basis:100%}.page{width:min(100% - 32px,1180px);padding-top:28px}.metrics-grid,.create-layout,.details-grid,.target-settings,.api-settings-grid,.library-controls,.library-grid,.auth-panel,.project-row,.manager-heading{grid-template-columns:1fr}.row-actions,.manager-actions{flex-wrap:wrap}.preview-panel{position:static}}