@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;line-height:1.45;color:#102033;background:radial-gradient(circle at top left,rgba(42,157,143,.18),transparent 24%),radial-gradient(circle at bottom right,rgba(242,166,90,.18),transparent 20%),linear-gradient(180deg,#f5f8fb,#eef3f8);--bg: rgba(255, 255, 255, .7);--line: rgba(16, 32, 51, .09);--text-soft: #617085;--primary: #0f766e;--accent: #d97706;--success: #15803d;--warn: #b45309;--danger: #b42318;--shadow: 0 22px 48px rgba(15, 35, 52, .09)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}.appShell{display:flex;min-height:100vh}.sidebar{width:300px;background:#071423ed;color:#f8fbff;border-right:1px solid rgba(255,255,255,.06);padding:24px 18px;position:fixed;inset:0 auto 0 0;overflow-y:auto;transition:width .2s ease,transform .2s ease;z-index:30}.sidebar.collapsed{width:98px}.sidebarBrand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.brandMark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0f766e,#14b8a6);font-weight:800}.collapseButton,.navGroupButton,.ghostIcon,.primaryButton,.secondaryButton{border:0;cursor:pointer}.collapseButton{width:100%;border-radius:14px;padding:11px 14px;background:#ffffff14;color:#f8fbff;margin-bottom:18px}.sidebarNav{display:flex;flex-direction:column;gap:14px}.sectionHeading{display:flex;align-items:center;gap:10px;color:#f8fbffb3;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.navLink,.navGroupButton{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border-radius:14px;padding:12px 14px;color:#f8fbffd1;background:transparent;transition:background .18s ease,color .18s ease;font-size:13px;line-height:1.45}.navLink:hover,.navGroupButton:hover{background:#ffffff14}.navLink.active{background:linear-gradient(135deg,#14b8a642,#0f766e66);color:#fff}.depth-1{margin-left:8px}.depth-2{margin-left:14px}.navGroupChildren{display:flex;flex-direction:column;gap:6px}.rotated{transform:rotate(180deg)}.contentShell{margin-left:300px;width:calc(100% - 300px);transition:margin-left .2s ease,width .2s ease}.contentShell.expanded{margin-left:98px;width:calc(100% - 98px)}.topHeader{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:16px;padding:22px 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f8fbb8;border-bottom:1px solid var(--line)}.topHeader__intro h2,.pageHero h1,.loginShowcase h1,.loginCard h2{margin:0;font-size:16px;font-weight:700;line-height:1.2}.topHeader__intro p,.pageHero p,.loginShowcase p,.loginCard p{margin:6px 0 0;color:var(--text-soft)}.topHeader__actions{display:flex;align-items:center;gap:12px}.searchBox{display:flex;align-items:center;gap:8px;min-width:280px;padding:10px 12px;background:#ffffffeb;border:1px solid var(--line);border-radius:14px}.searchBox input{border:0;background:transparent;width:100%;outline:none}.ghostIcon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffffeb;color:#102033;border:1px solid var(--line)}.mobileOnly{display:none}.ghostIcon.mobileOnly span{display:block;width:16px;height:2px;background:currentColor;border-radius:99px}.userBadge{display:flex;flex-direction:column;padding:0 6px}.userBadge small{color:var(--text-soft)}.pageContent{padding:28px}.pageHero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin-bottom:8px}.metricsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metricsGrid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.metricCard,.surfaceCard,.loadingCard,.loginCard,.featureCard{border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metricCard{border-radius:22px;padding:18px;display:flex;flex-direction:column;gap:8px}.metricCard span,.metricCard small,.statusRow p,.featureCard p,.bulletList{color:var(--text-soft)}.metricCard strong{font-size:30px;line-height:1}.tone-success strong{color:var(--success)}.tone-warn strong{color:var(--warn)}.tone-accent strong{color:var(--accent)}.dashboardGrid{display:grid;grid-template-columns:1.3fr .9fr;gap:18px}.dashboardGrid.single{grid-template-columns:1fr}.surfaceCard{border-radius:26px;padding:22px}.sectionTitle{margin-bottom:18px}.sectionTitle h3{margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.2}.sectionTitle p{margin:0;color:var(--text-soft)}.featureList,.stackList{display:flex;flex-direction:column;gap:14px}.featureCard{border-radius:18px;padding:18px}.statusRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:#ffffffbf;border:1px solid var(--line)}.statusPill{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase}.statusPill.online{background:#15803d1f;color:var(--success)}.statusPill.warning{background:#b453091f;color:var(--warn)}.bulletList{margin:0;padding-left:18px;line-height:1.8}.templateWorkspace{display:grid;grid-template-columns:320px 1fr;gap:18px}.templateSidebar{border-radius:26px;padding:22px;border:1px solid var(--line);background:var(--bg);box-shadow:var(--shadow)}.templateStatusList{display:flex;flex-direction:column;gap:10px}.templateStatusButton{text-align:left;border:1px solid var(--line);background:#ffffffb3;border-radius:16px;padding:14px;cursor:pointer}.templateStatusButton.active{border-color:#0f766e73;background:#0f766e14}.templateStatusButton small{display:block;color:var(--text-soft);margin-top:4px}.templateFormCard{display:flex;flex-direction:column;gap:16px}.fieldGroup{display:flex;flex-direction:column;gap:8px}.fieldGroup input,.fieldGroup textarea{width:100%;border-radius:14px;border:1px solid var(--line);padding:14px 16px;background:#ffffffeb;outline:none}.switchRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.templateActions{display:flex;gap:12px;flex-wrap:wrap}.templatePreview{display:flex;flex-direction:column;gap:12px}.previewCard{border-radius:18px;padding:16px;background:#ffffffc2;border:1px solid var(--line)}.previewCard p{margin:8px 0 0}.previewCard pre,.logBlock{white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin:8px 0 0}.placeholderGrid{display:flex;flex-wrap:wrap;gap:10px}.placeholderChip{display:inline-flex;padding:8px 10px;border-radius:999px;background:#1020330f;border:1px solid var(--line);color:#102033;font-size:13px}.successBox{border-radius:18px;padding:16px 18px;background:#15803d17;border:1px solid rgba(21,128,61,.18);color:var(--success)}.infoList{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.infoList>div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:#ffffffb8;border:1px solid var(--line)}.logBlock{min-height:280px;max-height:420px;overflow:auto;padding:16px;border-radius:18px;background:#071423ed;color:#eaf5ff}.strategyBadge{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#0f766e1a;border:1px solid rgba(15,118,110,.2);color:#0f766e;font-weight:700}.integrationLink{display:block}.integrationLink__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.integrationLink__cta{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-weight:700;color:#0f766e}.adminTable{display:flex;flex-direction:column;gap:12px}.adminTable__head,.adminTable__row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(120px,.8fr) minmax(160px,1fr) minmax(110px,.7fr) minmax(100px,.6fr);gap:14px;align-items:center}.adminTable__head{padding:0 14px;color:var(--text-soft);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.adminTable__row{padding:16px 14px;border-radius:18px;border:1px solid var(--line);background:#ffffffc2}.userCell{display:flex;align-items:center;gap:12px;min-width:0}.userCell strong,.userCell small{display:block}.userCell small{color:var(--text-soft);overflow:hidden;text-overflow:ellipsis}.avatarChip{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#0f766e29,#14b8a642);color:var(--primary);font-weight:800}.mockButton{justify-content:center}.integrationGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integrationStatusCard{border-radius:20px;border:1px solid var(--line);background:#ffffffc2;padding:18px}.integrationStatusCard p{margin:8px 0 0;color:var(--text-soft)}.integrationStatusCard__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.compactList{margin-top:14px}.compactList>div{padding:12px 14px}.primaryButton,.secondaryButton{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;font-weight:700}.primaryButton{background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff}.secondaryButton{background:#1020330f;color:#102033;border:1px solid var(--line)}.loginScreen,.screen-center{min-height:100vh;display:grid;place-items:center;padding:32px}.loginPanel{width:min(1180px,100%);display:grid;grid-template-columns:1.2fr .85fr;gap:22px}.loginShowcase,.loginCard{border-radius:28px;padding:28px}.loginShowcase{background:linear-gradient(145deg,#071423eb,#0f766ed1),#0d1f33;color:#fff;box-shadow:0 28px 62px #0c1d3038}.showcaseGrid{margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.showcaseGrid>div{padding:16px;border-radius:18px;background:#ffffff17}.loginCard{display:flex;flex-direction:column;gap:16px;justify-content:center}.loginCard label{display:flex;flex-direction:column;gap:8px}.loginCard input{border-radius:14px;border:1px solid var(--line);padding:14px 16px;outline:none;background:#ffffffe6}.errorBox,.loadingCard{border-radius:18px;padding:16px 18px}.errorBox{background:#b4231817;border:1px solid rgba(180,35,24,.18);color:var(--danger)}.sidebarBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#07142359;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:20}.sidebarBackdrop.show{opacity:1;pointer-events:auto}@media (max-width: 1120px){.metricsGrid,.metricsGrid.compact,.dashboardGrid,.loginPanel,.templateWorkspace{grid-template-columns:1fr}}@media (max-width: 1120px){.integrationGrid{grid-template-columns:1fr}.adminTable__head{display:none}.adminTable__row{grid-template-columns:1fr}.mockButton{justify-content:flex-start}}@media (max-width: 900px){.sidebar{transform:translate(-100%)}.sidebar.mobileOpen{transform:translate(0)}.contentShell,.contentShell.expanded{width:100%;margin-left:0}.mobileOnly{display:inline-grid;gap:3px}.searchBox{min-width:0;width:100%}.topHeader,.topHeader__actions,.pageHero{flex-direction:column;align-items:stretch}}@media (max-width: 640px){.pageContent,.topHeader,.loginScreen{padding:18px}.showcaseGrid{grid-template-columns:1fr}}