:root{--sky-blue: #1496ff;--sky-blue-deep: #0d6fd6;--white-sand: #f5efe3;--white-sand-strong: #fffaf2;--golden-hour: #f2a33b;--golden-hour-deep: #db8618;--seafoam: #7acfb8;--seafoam-deep: #58b89d;--bg: var(--white-sand);--panel: rgba(255, 250, 242, .9);--panel-soft: rgba(245, 239, 227, .74);--panel-strong: rgba(255, 250, 242, .98);--border: rgba(20, 150, 255, .14);--text: #19405d;--muted: rgba(25, 64, 93, .7);--header: var(--sky-blue);--header-deep: var(--sky-blue-deep);--primary: var(--golden-hour);--primary-hover: var(--golden-hour-deep);--secondary-hover: rgba(122, 207, 184, .22);--warning: var(--golden-hour);--danger: #d8684d;--success-soft: rgba(122, 207, 184, .2);--radius: 14px;--radius-sm: 10px;--max-w: 1240px;--font-base: 14px;--font-meta: 12px;--shadow: 0 10px 28px rgba(20, 111, 214, .14)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 620px at 12% 14%,rgba(122,207,184,.24),transparent 58%),radial-gradient(980px 560px at 88% 16%,rgba(242,163,59,.14),transparent 54%),radial-gradient(1100px 680px at 50% 100%,rgba(122,207,184,.12),transparent 62%),linear-gradient(180deg,#fffcf6 0%,var(--bg) 42%,#f2ebdf 100%);color:var(--text);font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,sans-serif;font-size:var(--font-base);line-height:1.38;background-attachment:fixed}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}label,.label{display:block;font-size:12px;font-weight:800;color:#19405dd1}input,textarea,select{width:100%;font:inherit;color:var(--text)}textarea{resize:vertical}.input,.textarea,.select{min-height:40px;padding:10px 12px;border-radius:10px;border:1px solid rgba(20,150,255,.16);background:var(--panel-strong);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:#1496ff57;box-shadow:0 0 0 4px #7acfb833}.page{min-height:100vh;display:flex;flex-direction:column}.topbar{width:min(var(--max-w),calc(100% - 32px));margin:18px auto 0;padding:18px 20px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 34%),linear-gradient(180deg,var(--header),var(--header-deep));border:1px solid rgba(255,250,242,.22);box-shadow:0 24px 54px #146fd62e;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.logo{width:44px;height:44px;border-radius:14px;overflow:hidden;background:#fffaf22e;display:flex;align-items:center;justify-content:center}.logoImg{width:100%;height:100%;object-fit:contain}.brandText{display:flex;flex-direction:column;gap:2px;color:var(--white-sand-strong)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.title{font-weight:950;font-size:20px;line-height:1.1}.subtitle{font-weight:700;font-size:var(--font-meta);opacity:.82;line-height:1.3}.topRight{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:14px;flex:1}.navTabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;padding:8px;border-radius:999px;background:#fffaf21f;border:1px solid rgba(255,250,242,.18)}.navTab{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 16px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--white-sand-strong);font-size:12px;font-weight:900;letter-spacing:.02em;text-decoration:none;transition:background .14s ease,border-color .14s ease,transform .14s ease,color .14s ease}.navTab:hover{text-decoration:none;background:#fffaf229;border-color:#fffaf22e;transform:translateY(-1px)}.navTab.active{background:#fffaf2f5;border-color:#1496ff2e;color:var(--text);box-shadow:0 8px 24px #146fd629}.metaStack{text-align:right}.metaLine{font-weight:900;font-size:var(--font-meta);color:#fffaf2e0}.topRightControls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.btn,.btnGhost,.button,.buttonPrimary{appearance:none;min-height:40px;padding:0 15px;border-radius:10px;border:1px solid rgba(20,150,255,.16);background:var(--panel-strong);color:var(--text);font-size:13px;font-weight:800;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow);transition:background-color .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease}.btn:hover,.btnGhost:hover,.button:hover{background:var(--secondary-hover);border-color:#58b89d4d}.buttonPrimary{background:var(--primary);border-color:#db86185c;color:var(--white-sand-strong)}.buttonPrimary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn:disabled,.btnGhost:disabled,.button:disabled,.buttonPrimary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.pancakeWrap{position:relative}.pancakeBtn{width:40px;padding:0;font-size:18px}.pancakeDropdown{position:absolute;top:46px;right:0;min-width:180px;background:var(--panel-strong);border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow);padding:8px;z-index:50}.pancakeItem{width:100%;background:transparent;border:0;text-align:left;padding:10px;border-radius:10px;font-weight:900;cursor:pointer;color:var(--text);font-size:var(--font-meta)}.pancakeItem:hover{background:#7acfb83d}.main{flex:1;padding:24px 16px 32px;display:flex;justify-content:center}@media(max-width:900px){.topbar{flex-direction:column;align-items:stretch}.topRight{align-items:stretch}.statusLine{max-width:none}.navTabs{justify-content:flex-start}}.dashPage,.grid{width:100%;max-width:var(--max-w)}.grid,.dashStack{display:flex;flex-direction:column;gap:16px}.card,.detailCard,.overviewHeader,.narrativeHero{width:100%;border-radius:var(--radius);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);overflow:hidden}.overviewHeader{padding:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.narrativeHero{padding:18px;font-weight:800}.cardTop,.detailCardTop{padding:14px 16px 10px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;border-bottom:1px solid var(--border)}.cardBody,.detailBody{padding:14px 16px 16px}.cardTitle,.detailTitle{font-weight:900;color:var(--sky-blue-deep)}.cardMeta,.detailMeta{font-size:var(--font-meta);font-weight:900;color:var(--muted)}.cardInset{padding:16px;border-radius:var(--radius-sm);background:#f5efe3e0;border:1px solid var(--border)}.emptyTitle{font-weight:900;margin-bottom:6px}.emptyText,.formHint{color:var(--muted);font-size:var(--font-meta);font-weight:800;line-height:1.4}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.formRow{display:flex;gap:12px;align-items:flex-start}.formRow>*{flex:1}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formMsgWrap{display:flex;flex-direction:column;gap:8px}.formMsg{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fffaf2d6;font-size:var(--font-meta);font-weight:900}.formMsgOk{background:var(--success-soft);border-color:#58b89d38}.formMsgError{background:#d8684d1f;border-color:#d8684d3d}.modalOverlay{position:fixed;inset:0;background:#0d6fd62e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:100}.modalCard{width:min(920px,100%);border-radius:20px;background:#fffaf2f5;border:1px solid var(--border);box-shadow:0 18px 60px #146fd62e;overflow:hidden}.modalTop{padding:16px 18px;display:flex;justify-content:space-between;gap:10px;align-items:flex-end;border-bottom:1px solid rgba(20,150,255,.1);background:#7acfb838}.modalTitle{font-weight:900;font-size:16px}.modalMeta{font-weight:900;font-size:var(--font-meta);color:var(--muted)}.modalBody{padding:16px 18px 6px}.modalActions{padding:14px 18px 16px;display:flex;justify-content:flex-end;gap:10px}.footer{background:linear-gradient(180deg,var(--header-deep),var(--header));padding:16px 18px;border-top:1px solid rgba(255,250,242,.18);display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-weight:900;font-size:var(--font-meta);color:#fffaf2e0}.footer .dot{opacity:.6}@media(max-width:760px){.topbar{width:calc(100% - 20px);margin-top:12px;padding:14px;flex-direction:column;align-items:flex-start;border-radius:18px}.topRight{align-items:flex-start;width:100%;justify-content:flex-start;flex-direction:column}.topRightControls{justify-content:flex-start}.metaStack{text-align:left}.overviewHeader,.formRow{flex-direction:column;align-items:flex-start}.formGrid{grid-template-columns:1fr}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;min-height:100vh;display:block}img{max-width:100%;height:auto}