:root{--bg:#f8fafc;--bg-strong:#f5f3ff;--surface:rgba(255,255,255,0.96);--surface-soft:rgba(255,255,255,0.92);--surface-strong:#ffffff;--border:rgba(181,108,255,0.14);--border-strong:rgba(181,108,255,0.28);--text:#0f172a;--text-soft:#52607a;--muted:#70809c;--accent:#b56cff;--accent-strong:#8f45f3;--accent-soft:rgba(181,108,255,0.1);--cyan:#22d3ee;--cyan-soft:rgba(34,211,238,0.16);--shadow:0 18px 42px rgba(76,29,149,0.08);--topbar-height:58px;--sidebar-width:264px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top right,rgba(181,108,255,.1),transparent 24%),radial-gradient(circle at top left,rgba(34,211,238,.05),transparent 18%),linear-gradient(180deg,#ffffff,#f8fafc);color:var(--text)}body{padding-top:var(--topbar-height);overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{position:fixed;inset:0 0 auto;z-index:30;height:var(--topbar-height);background:linear-gradient(135deg,var(--accent-strong) 0,var(--accent) 100%);border-bottom:1px solid rgba(255,255,255,.22);box-shadow:0 10px 30px rgba(143,69,243,.16)}.topbarInner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px 0 32px}.topbarBrand{display:inline-flex;align-items:center;gap:14px}.topbarBrandButton{border:0;padding:0;background:transparent;cursor:pointer}.topbarBrandLogo{height:40px;width:auto}.topbarBrandText{color:#ffffff;font-size:1.56rem;font-weight:900;letter-spacing:.11em}.topbarActions{display:flex;align-items:center;gap:12px}.topbarHomeButton{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.1);color:#04131f;transition:transform .14s ease,border-color .14s ease,background .14s ease;cursor:pointer;padding:0}.topbarHomeButton:hover{transform:translateY(-1px);background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.4)}.topbarHomeIcon{width:20px;height:20px;stroke-width:2.25;opacity:1;flex:none}.shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:calc(100vh - var(--topbar-height));height:calc(100vh - var(--topbar-height));background:linear-gradient(90deg,#fcfbff 0,#fcfbff var(--sidebar-width),#f7f4ff var(--sidebar-width),#ffffff calc(var(--sidebar-width) + 56px))}.sidebar{padding:20px 14px 22px;border-right:1px solid rgba(181,108,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(252,251,255,.98)),linear-gradient(90deg,rgba(181,108,255,.04),transparent 75%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:18px;position:-webkit-sticky;position:sticky;top:0;height:calc(100vh - var(--topbar-height));overflow-y:auto;box-shadow:inset -1px 0 0 rgba(255,255,255,.7),10px 0 24px rgba(143,69,243,.035)}.sidebar,.sidebarNav{display:flex;flex-direction:column}.sidebarNav{gap:8px}.content{padding:28px 30px 34px;display:flex;flex-direction:column;gap:22px;min-width:0;height:calc(100vh - var(--topbar-height));overflow-y:auto;background:linear-gradient(180deg,rgba(249,245,255,.92),rgba(255,255,255,.98) 88px,#ffffff);box-shadow:inset 1px 0 0 rgba(255,255,255,.9)}.content h2{margin:0;font-size:clamp(1.7rem,2vw,2.35rem);line-height:1.08;font-weight:850;letter-spacing:-.025em}.navLink{display:flex;align-items:center;min-height:46px;padding:0 16px;border-radius:14px;border:1px solid rgba(212,223,244,.92);background:rgba(255,255,255,.9);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease;font-size:.95rem;font-weight:700;color:#41506b;cursor:pointer;box-shadow:0 1px 8px rgba(15,23,42,.025)}.navLink:hover{transform:translateX(2px);background:#fcfaff;border-color:rgba(181,108,255,.22);color:var(--text)}.navLink.active{background:linear-gradient(135deg,rgba(181,108,255,.12),rgba(143,69,243,.05));border-color:rgba(181,108,255,.28);color:var(--accent-strong);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 10px 24px rgba(181,108,255,.08)}.pageHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:2px}.pageHeaderCopy{display:flex;flex-direction:column;gap:8px}.muted{color:var(--text-soft);font-size:.98rem;line-height:1.6;margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px}.card{padding:18px 18px 16px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.card>.tableWrap:only-child{margin:-18px -18px -16px}.metric{font-size:2.35rem;font-weight:900;margin:10px 0 0;color:var(--text)}.tableWrap{overflow:auto;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:14px 16px;border-bottom:1px solid rgba(181,108,255,.12);vertical-align:top}th{color:#6b7280;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}td{color:var(--text-soft);font-size:.97rem;line-height:1.5}.badge{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;background:rgba(181,108,255,.1);color:#7c3aed;border:1px solid rgba(181,108,255,.18);font-size:.78rem;font-weight:700}.stack{display:flex;flex-direction:column;gap:8px}.settingsGrid{display:grid;grid-template-columns:240px minmax(0,1fr);grid-gap:20px;gap:20px}.templatesGrid{grid-template-columns:340px minmax(0,1fr)}.settingsBlock{display:flex;flex-direction:column;gap:18px}.settingsBlockHeader{display:flex;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(181,108,255,.14)}.settingsBlockHeader h3,.templateTitle h4{margin:0;color:var(--text)}.settingsBlockHeader p,.templateTitle p{margin:8px 0 0}.settingsMenu{display:flex;flex-direction:column;gap:10px}.settingsTab{width:100%;border:1px solid rgba(181,108,255,.18);border-radius:14px;padding:14px;background:rgba(255,255,255,.96);color:var(--text);text-align:left;cursor:pointer;overflow-wrap:anywhere}.settingsTab span{display:block;margin-top:6px;color:var(--muted);font-size:.84rem;line-height:1.45}.settingsTab.active{border-color:rgba(181,108,255,.42);background:linear-gradient(135deg,rgba(181,108,255,.16),rgba(34,211,238,.08))}.templateGroup{display:flex;flex-direction:column;gap:10px}.templateGroup>p{margin:0;color:var(--accent);font-size:.78rem;font-weight:800;text-transform:uppercase}.formRow,.settingsEditor{display:flex;flex-direction:column;gap:10px}.settingsEditor{gap:18px;min-width:0}.formRow.inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.formRow.inline.compact{grid-template-columns:repeat(2,max-content)}label span{display:block;margin-bottom:8px;font-weight:700;color:var(--text)}input,select,textarea{width:100%;border:1px solid rgba(181,108,255,.18);border-radius:12px;padding:11px 13px;background:#ffffff;color:var(--text)}textarea{min-height:120px;resize:vertical;line-height:1.5}.templateTextarea{min-height:520px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem;line-height:1.6;white-space:pre-wrap}small{color:var(--muted)}.checkRow{display:inline-flex;align-items:center;gap:8px}.checkRow input{width:auto}.checkRow span{margin:0}.templateStatusRow{width:max-content;padding:10px 12px;border:1px solid rgba(181,108,255,.18);border-radius:12px;background:rgba(255,255,255,.96)}.actionsRow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.configSection{display:flex;flex-direction:column;gap:16px;padding:20px 0;border-bottom:1px solid rgba(181,108,255,.12)}.configSection:last-of-type{border-bottom:none}.configSectionTitle{margin:0;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}.configSectionHint{margin:-8px 0 0;font-size:.86rem;color:var(--muted);line-height:1.5}button{border:1px solid rgba(181,108,255,.24);border-radius:12px;padding:10px 15px;background:linear-gradient(135deg,#b56cff,#8f45f3);color:#fff;font-weight:800;cursor:pointer}.previewContainer{display:flex;flex-direction:column;gap:14px}.previewCanvas{position:relative;display:block;width:100%;max-width:560px;aspect-ratio:1/1;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);background:#070b17;border:1px solid rgba(181,108,255,.18)}.previewImage{display:block;width:100%;height:100%;object-fit:cover}.previewOverlay{pointer-events:none}.previewOverlay,.previewOverlay svg{position:absolute;inset:0;width:100%;height:100%}.previewPlaceholder{width:100%;max-width:560px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(181,108,255,.24);border-radius:20px}.previewMeta{margin:0;font-size:.84rem}@media (max-width:960px){body{overflow:auto}.topbarInner{padding:0 18px}.shell{grid-template-columns:1fr;height:auto}.sidebar{border-right:none;border-bottom:1px solid rgba(181,108,255,.14);padding-top:20px;position:static}.content,.sidebar{height:auto;overflow:visible}.content{padding:20px 18px 26px}.pageHeader{flex-direction:column;align-items:start}.formRow.inline,.formRow.inline.compact,.settingsGrid,.templatesGrid{grid-template-columns:1fr}}