@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#7c3aed;--primary-bg:#8b5cf61f;--primary-glow:#8b5cf666;--accent:#06b6d4;--accent-light:#67e8f9;--amber:#f59e0b;--amber-bg:#f59e0b1f;--fuchsia:#d946ef;--danger:#ef4444;--danger-bg:#ef44441f;--success:#10b981;--success-bg:#10b9811f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--grudge:#ef4444;--grudge-bg:#ef44441f;--gratitude:#10b981;--gratitude-bg:#10b9811f;--note:#3b82f6;--note-bg:#3b82f61f;--mood:#a78bfa;--mood-bg:#a78bfa1f;--bg:#0f172a;--bg-secondary:#1e293b;--surface:#1e293be6;--surface-hover:#33415599;--surface-solid:#1e293b;--border:#47556980;--border-light:#33415580;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-inverse:#fff;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d,0 1px 3px #0003;--shadow-lg:0 10px 30px #0006,0 2px 8px #0003;--shadow-xl:0 20px 50px #00000080;--shadow-primary:0 4px 14px #8b5cf64d;--shadow-float:0 8px 24px #0006;--shadow-glow:0 0 20px #8b5cf64d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--safe-area-top:var(--safe-area-inset-top,0px);--safe-area-bottom:var(--safe-area-inset-bottom,0px);--status-bar-height:var(--safe-area-inset-top,28px);--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-color:var(--bg);color:#e2e8f0;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;letter-spacing:-.01em;line-height:1.5;overflow-x:hidden}::selection{background:#8b5cf6;background:var(--primary);color:#fff}.magic-border{background:linear-gradient(180deg,#0f172ae6,#1e293be6);border:1px solid #8b5cf64d}@keyframes breathe{0%,to{box-shadow:0 0 10px #8b5cf64d}50%{box-shadow:0 0 25px #8b5cf699}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.card{background:#1e293be6;background:var(--surface);border:1px solid #33415580;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-xl);transition:box-shadow .25s cubic-bezier(.25,.46,.45,.94),transform .25s cubic-bezier(.25,.46,.45,.94);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.card:active{transform:scale(.98)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-height:40px;padding:10px 20px;transition:all .25s cubic-bezier(.25,.46,.45,.94);transition:all var(--duration-normal) var(--ease-out)}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#d946ef);background:linear-gradient(135deg,var(--primary),var(--fuchsia));box-shadow:0 4px 14px #8b5cf64d;box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover{box-shadow:0 0 20px #8b5cf64d;box-shadow:var(--shadow-glow)}.btn-secondary{background:#33415599;background:var(--surface-hover);border:1px solid #47556980;border:1px solid var(--border);color:#e2e8f0;color:var(--text-primary)}.btn-secondary:hover{background:#47556980;background:var(--border)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.form-group{margin-bottom:16px;margin-bottom:var(--space-lg)}.form-group label{color:#94a3b8;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#0f172a;background:var(--bg);border:1.5px solid #47556980;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#e2e8f0;color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .15s,box-shadow .15s;transition:border-color var(--duration-fast),box-shadow var(--duration-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8b5cf6;border-color:var(--primary);box-shadow:0 0 0 3px #8b5cf61f;box-shadow:0 0 0 3px var(--primary-bg);outline:none}.form-group textarea{line-height:1.6;min-height:100px;resize:vertical}.modal{align-items:center;animation:fadeIn .15s cubic-bezier(.25,.46,.45,.94);animation:fadeIn var(--duration-fast) var(--ease-out);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1);animation:scaleIn var(--duration-normal) var(--ease-spring);background:#1e293b;background:var(--surface-solid);border:1px solid #47556980;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-xl);max-height:90vh;max-width:600px;overflow-y:auto;padding:32px;padding:var(--space-3xl);width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-xl)}.modal-header h2{font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:#33415599;background:var(--surface-hover);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .15s;transition:all var(--duration-fast);width:36px}.close-btn:hover{background:#47556980;background:var(--border);color:#e2e8f0;color:var(--text-primary)}.diary-item{background:#1e293be6;background:var(--surface);border:1px solid #33415580;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;box-shadow:var(--shadow-sm);margin-bottom:16px;margin-bottom:var(--space-lg);padding:20px;padding:var(--space-xl);transition:box-shadow .25s,transform .25s;transition:box-shadow var(--duration-normal),transform var(--duration-normal)}.diary-item:active{transform:scale(.99)}.diary-item .date{color:#64748b;color:var(--text-tertiary);font-size:12px;font-weight:500;margin-bottom:10px}.diary-item .content{word-wrap:break-word;color:#e2e8f0;color:var(--text-primary);line-height:1.8;white-space:pre-wrap}.person-list{grid-gap:16px;grid-gap:var(--space-lg);display:grid;gap:16px;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.person-card{background:#1e293be6;background:var(--surface);border:1px solid #33415580;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;box-shadow:var(--shadow-sm);padding:20px;padding:var(--space-xl);transition:transform .25s,box-shadow .25s;transition:transform var(--duration-normal),box-shadow var(--duration-normal)}.person-card:active{transform:scale(.98)}.personality-section{background:linear-gradient(135deg,#7c3aed,#d946ef);background:linear-gradient(135deg,var(--primary-dark) 0,var(--fuchsia) 100%);border-radius:16px;border-radius:var(--radius-lg);color:#fff;margin-bottom:20px;margin-bottom:var(--space-xl);padding:20px;padding:var(--space-xl)}.trait-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:9999px;border-radius:var(--radius-full);font-size:13px;padding:6px 14px}.loading{color:#64748b;color:var(--text-tertiary);font-size:14px;padding:40px;padding:var(--space-4xl);text-align:center}.error{background:#ef44441f;background:var(--danger-bg);border:1px solid #ef444433;border-radius:12px;border-radius:var(--radius-md);color:#ef4444;color:var(--danger);font-size:14px;margin-bottom:20px;margin-bottom:var(--space-xl);padding:16px;padding:var(--space-lg)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#47556980;background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-tertiary)}.san-bar{background:linear-gradient(90deg,#ef4444,#b91c1c);box-shadow:0 0 8px #ef4444}.spirit-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);box-shadow:0 0 8px #3b82f6}@media (max-width:480px){.person-list{grid-template-columns:1fr}}.App{background-color:var(--bg)}.App,.wl-root{min-height:100vh}.wl-root{background:#071018;color:#f1f5f9;letter-spacing:0;min-height:100dvh;padding-bottom:80px;padding-bottom:calc(80px + var(--safe-area-inset-bottom, 0px))}.wl-root button,.wl-root input,.wl-root select,.wl-root textarea{font:inherit;letter-spacing:0}.wl-topbar{align-items:center;background:linear-gradient(180deg,#030712f2,#03071200);display:flex;gap:16px;justify-content:space-between;min-height:72px;padding:12px 16px 10px;padding:calc(12px + var(--safe-area-inset-top, 0px)) 16px 10px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.wl-title-group,.wl-top-actions{align-items:center;display:flex;gap:10px}.wl-title-group h1{font-size:22px;font-weight:800;line-height:1.15;margin:0}.wl-title-group p{color:#94a3b8a6;font-size:11px;margin:3px 0 0}.wl-icon-button,.wl-period-button{-webkit-tap-highlight-color:transparent;background:#0f172a99;border:1px solid #94a3b826;border-radius:8px;color:#cbd5e1;cursor:pointer;height:34px}.wl-icon-button{align-items:center;display:flex;justify-content:center;width:34px}.wl-back-button{border-radius:8px}.wl-period-button{background:#38bdf814;border-color:#38bdf840;color:#7dd3fc;font-size:12px;font-weight:600;padding:0 14px}.wl-top-actions{position:relative}.wl-add-metric-button{align-items:center;background:#10b98114;border:1px solid #6ee7b740;border-radius:8px;color:#6ee7b7;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;height:34px;padding:0 11px}.wl-workspace-tabs{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712eb;border-bottom:1px solid #94a3b814;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:48px;overflow-x:auto;padding:0 6px;position:-webkit-sticky;position:sticky;top:72px;z-index:19}.wl-workspace-tabs::-webkit-scrollbar{display:none}.wl-workspace-tabs button{-webkit-tap-highlight-color:transparent;background:#0000;border:0;color:#94a3b899;cursor:pointer;font-size:12px;font-weight:600;min-width:0;position:relative}.wl-workspace-tabs button.active{color:#7dd3fc}.wl-workspace-tabs button.active:after{background:#38bdf8;border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:20%;position:absolute;right:20%}.wl-main{margin:0 auto;padding:16px 16px 32px;width:min(1200px,100%)}.wl-summary-band{background:#0f172a8c;border:1px solid #94a3b81a;border-radius:8px;display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr .8fr .8fr;margin-bottom:16px;overflow:hidden}.wl-summary-metric{border-right:1px solid #94a3b814;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:16px 18px}.wl-summary-metric:last-child{border-right:0}.wl-summary-metric>small,.wl-summary-metric>span{color:#94a3b899;font-size:10px;font-weight:600}.wl-summary-metric strong{color:#f1f5f9;font-size:clamp(18px,2.2vw,28px);font-weight:800;line-height:1.1}.wl-summary-metric strong small{color:#94a3b88c;font-size:11px;font-weight:500;margin-left:3px}.wl-positive-text,.wl-summary-metric strong.healthy{color:#6ee7b7}.wl-attention-text,.wl-summary-metric strong.attention{color:#fbbf24}.wl-summary-metric strong.blue{color:#7dd3fc}.wl-summary-metric.primary button{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:0;color:#7dd3fc;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:0;width:-webkit-max-content;width:max-content}.wl-mini-progress{background:#94a3b81f;border-radius:999px;height:4px;max-width:80px;overflow:hidden;width:100%}.wl-mini-progress i{background:#6ee7b7;border-radius:999px;display:block;height:100%}.wl-mini-progress.blue i{background:#7dd3fc}.wl-dashboard-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr)}.wl-panel{background:#0f172ab3;border:1px solid #94a3b81a;border-radius:8px;overflow:hidden}.wl-section-header{align-items:center;border-bottom:1px solid #94a3b814;display:flex;gap:12px;justify-content:space-between;min-height:60px;padding:14px 18px}.wl-section-header h2{font-size:16px;font-weight:800;margin:2px 0 0}.wl-eyebrow{color:#94a3b88c;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.wl-text-button{-webkit-tap-highlight-color:transparent;background:#0000;border:0;color:#7dd3fc;cursor:pointer;font-size:12px;font-weight:600;padding:6px 0}.wl-section-actions{align-items:center;display:flex;gap:14px}.wl-text-button{align-items:center;display:inline-flex;gap:4px}.wl-monitor-table{overflow-x:auto}.wl-monitor-head,.wl-monitor-row{grid-column-gap:12px;align-items:center;column-gap:12px;display:grid;grid-template-columns:1.2fr 1fr 1.2fr .9fr 1fr 92px 78px;min-width:800px;padding:0 18px;position:relative}.wl-monitor-head{border-bottom:1px solid #94a3b814;color:#94a3b880;font-size:10px;font-weight:700;min-height:38px}.wl-monitor-row{-webkit-tap-highlight-color:transparent;background:#0000;border:0;border-bottom:1px solid #94a3b80f;color:#94a3b8cc;cursor:pointer;min-height:88px;text-align:left;transition:background .15s;width:100%}.wl-monitor-row:hover{background:#38bdf80a}.wl-monitor-row>span{pointer-events:none;position:relative;z-index:1}.wl-row-main{background:#0000;border:0;cursor:pointer;inset:0;position:absolute;z-index:0}.wl-row-status{align-items:center;display:flex;gap:6px;pointer-events:auto!important}.wl-delete-metric{background:#0000;border:0;border-radius:6px;color:#94a3b873;cursor:pointer;display:grid;height:26px;place-items:center;position:relative;width:26px;z-index:3}.wl-delete-metric:hover{background:#ef444414;color:#fca5a5}.wl-monitor-row:last-child{border-bottom:0}.wl-metric-name{grid-gap:3px 8px;align-items:center;display:grid;gap:3px 8px;grid-template-columns:8px 1fr}.wl-metric-name b{color:#e2e8f0;font-size:14px;font-weight:700}.wl-metric-name small{color:#94a3b880;font-size:10px;grid-column:2}.wl-status-dot{background:#94a3b84d;border-radius:50%;height:7px;width:7px}.wl-status-dot.normal{background:#4ade80}.wl-status-dot.attention{background:#fbbf24}.wl-status-dot.tracked{background:#7dd3fc}.wl-metric-value{color:#f8fafc;font-size:18px;font-weight:800}.wl-source-pill{background:#0f172a8c;border:1px solid #94a3b82e;border-radius:999px;color:#94a3b8b8;display:inline-flex;font-size:10px;font-weight:700;margin-bottom:4px;padding:2px 7px;width:-webkit-max-content;width:max-content}.wl-source-pill.report{background:#38bdf814;border-color:#38bdf847;color:#7dd3fc}.wl-source-pill.manual{background:#10b98114;border-color:#10b98140;color:#6ee7b7}.wl-source-pill.missing{color:#94a3b873}.wl-status-chip{border:1px solid #94a3b833;border-radius:999px;color:#94a3b8b3;display:inline-flex;font-size:10px;font-style:normal;font-weight:700;justify-content:center;min-width:48px;padding:4px 7px}.wl-status-chip.normal{background:#10b98114;border-color:#6ee7b740;color:#6ee7b7}.wl-status-chip.attention{background:#f59e0b14;border-color:#fbbf2440;color:#fbbf24}.wl-status-chip.tracked{background:#38bdf814;border-color:#7dd3fc40;color:#7dd3fc}.wl-sparkline{height:32px;width:88px}.wl-sparkline polyline{stroke-width:2;stroke:#7dd3fc}.wl-sparkline.green polyline{stroke:#6ee7b7}.wl-sparkline.amber polyline{stroke:#fbbf24}.wl-no-trend{color:#94a3b859}.wl-table-note{border-top:1px solid #94a3b812;color:#94a3b866;font-size:10px;margin:0;padding:10px 18px}.wl-side-column{grid-gap:16px;display:grid;gap:16px}.wl-alert-list,.wl-goal-list,.wl-source-list{display:grid}.wl-alert-row{grid-gap:10px;-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:0;border-bottom:1px solid #94a3b812;color:#e2e8f0;cursor:pointer;display:grid;gap:10px;grid-template-columns:32px 1fr auto;min-height:86px;padding:14px 16px;text-align:left;transition:background .15s}.wl-alert-row:last-child{border-bottom:0}.wl-alert-row:hover{background:#38bdf80a}.wl-alert-symbol{background:#f59e0b14;border:1px solid #fbbf2459;border-radius:8px;color:#fbbf24;display:grid;height:28px;place-items:center;width:28px}.wl-alert-row.critical .wl-alert-symbol{background:#ef444414;border-color:#ef444459;color:#fca5a5}.wl-alert-row span:nth-child(2),.wl-goal-row span,.wl-source-list span:nth-child(2){grid-gap:3px;display:grid;gap:3px;min-width:0}.wl-alert-row b,.wl-empty-row b,.wl-goal-row b,.wl-source-list b{font-size:13px;font-weight:700}.wl-alert-row small,.wl-empty-row small,.wl-goal-row small,.wl-source-list small{color:#94a3b88c;font-size:10px;line-height:1.45}.wl-alert-row em{color:#fbbf24;font-size:11px;font-style:normal;font-weight:700}.wl-alert-row.critical em{color:#fca5a5}.wl-goal-row{align-items:center;border-bottom:1px solid #94a3b812;display:flex;gap:12px;justify-content:space-between;min-height:58px;padding:12px 16px}.wl-goal-row:last-child{border-bottom:0}.wl-goal-row strong{color:#7dd3fc;font-size:14px;font-weight:700}.wl-empty-row{align-items:center;color:#94a3b8b3;display:flex;gap:12px;min-height:68px;padding:14px 16px}.wl-empty-row>span{background:#38bdf80f;border:1px solid #38bdf840;border-radius:8px;color:#7dd3fc;display:grid;height:28px;place-items:center;width:28px}.wl-source-list>button,.wl-source-list>div{grid-gap:12px;align-items:center;background:#0000;border:0;border-bottom:1px solid #94a3b812;color:#e2e8f0;display:grid;gap:12px;grid-template-columns:30px 1fr auto;min-height:62px;padding:10px 16px;text-align:left}.wl-source-list>button{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:background .15s}.wl-source-list>button:hover{background:#38bdf80a}.wl-source-list>:last-child{border-bottom:0}.wl-source-icon{background:#38bdf80f;border:1px solid #38bdf840;border-radius:8px;color:#7dd3fc;display:grid;height:28px;place-items:center;width:28px}.wl-source-list em{color:#94a3b880;font-size:10px;font-style:normal;font-weight:600}.wl-source-list em.ok{color:#6ee7b7}.wl-source-list em.stale{color:#fbbf24}.wl-recent-list,.wl-report-abnormal,.wl-report-content{display:grid}.wl-report-summary{grid-gap:10px;align-items:center;background:#0000;border:0;border-bottom:1px solid #94a3b814;color:#e2e8f0;cursor:pointer;display:grid;gap:10px;grid-template-columns:34px 1fr auto;min-height:78px;padding:12px 14px;text-align:left}.wl-report-summary>span:nth-child(2){grid-gap:3px;display:grid;gap:3px;min-width:0}.wl-empty-action b,.wl-recent-list b,.wl-report-abnormal b,.wl-report-summary b{font-size:13px}.wl-empty-action small,.wl-recent-list small,.wl-report-abnormal small,.wl-report-summary small{color:#94a3b88c;font-size:10px}.wl-report-summary strong{color:#6ee7b7;font-size:11px}.wl-report-summary strong.attention{color:#fbbf24}.wl-report-icon{background:#38bdf814;border:1px solid #38bdf838;border-radius:7px;color:#7dd3fc;display:grid;height:30px;place-items:center;width:30px}.wl-report-abnormal button{align-items:center;background:#0000;border:0;border-bottom:1px solid #94a3b812;color:#e2e8f0;cursor:pointer;display:flex;gap:12px;justify-content:space-between;min-height:54px;padding:10px 14px;text-align:left}.wl-report-abnormal button:last-child{border-bottom:0}.wl-report-abnormal span{grid-gap:2px;display:grid;gap:2px}.wl-report-abnormal strong{color:#fbbf24;font-size:12px}.wl-recent-list>div{grid-gap:10px;align-items:center;border-bottom:1px solid #94a3b812;display:grid;gap:10px;grid-template-columns:30px 1fr auto;min-height:58px;padding:10px 14px}.wl-recent-list>div:last-child{border-bottom:0}.wl-recent-list>div>span:nth-child(2){grid-gap:2px;display:grid;gap:2px;min-width:0}.wl-recent-list strong{color:#f1f5f9;font-size:14px}.wl-recent-list strong small{font-weight:500;margin-left:3px}.wl-empty-action{align-items:center;background:#0000;border:0;color:#7dd3fc;cursor:pointer;display:flex;gap:12px;min-height:82px;padding:14px;text-align:left;width:100%}.wl-empty-action span{grid-gap:3px;display:grid;gap:3px}.wl-empty-action b{color:#e2e8f0}.wl-primary-action{bottom:max(18px,env(safe-area-inset-bottom));left:50%;position:fixed;transform:translateX(-50%);z-index:15}.wl-primary-action button{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#0369a1,#38bdf8);border:none;border-radius:999px;box-shadow:0 8px 28px #38bdf84d;color:#0f172a;cursor:pointer;display:flex;font-size:15px;font-weight:800;gap:8px;height:48px;justify-content:center;min-width:220px}.wl-primary-action button:active{transform:scale(.96)}.wl-record-picker-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061799;border:0;inset:0;position:fixed;z-index:13}.wl-record-picker{grid-gap:1px;background:#0a0f24f7;background-image:linear-gradient(#94a3b81f,#94a3b81f);border:1px solid #94a3b826;border-radius:8px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 68px));box-shadow:0 20px 60px #00000080;display:grid;gap:1px;grid-template-columns:repeat(2,1fr);left:50%;overflow:hidden;position:fixed;transform:translateX(-50%);width:min(340px,calc(100vw - 24px));z-index:16}.wl-record-picker button{-webkit-tap-highlight-color:transparent;background:#0d1424;border:0;color:#e2e8f0;cursor:pointer;font-size:14px;font-weight:600;height:52px;transition:background .15s}.wl-record-picker .wl-picker-add{align-items:center;color:#6ee7b7;display:flex;gap:5px;justify-content:center}.wl-record-picker button:active,.wl-record-picker button:hover{background:#38bdf81a;color:#7dd3fc}.wl-dialog-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617d1;display:grid;inset:0;padding:18px;place-items:center;position:fixed;z-index:50}.wl-dialog{background:#0a0f24fa;border:1px solid #94a3b81f;border-radius:8px;box-shadow:0 28px 80px #0000008c;max-height:90vh;overflow:auto;width:min(520px,100%)}.wl-dialog-compact{width:min(440px,100%)}.wl-dialog-header{align-items:center;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;padding:18px 20px}.wl-dialog-header h2{font-size:19px;font-weight:800;margin:3px 0 0}.wl-dialog form{padding:20px}.wl-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.wl-form-grid label{grid-gap:6px;color:#94a3b8cc;display:grid;font-size:12px;font-weight:700;gap:6px;position:relative}.wl-form-grid input,.wl-form-grid select,.wl-form-grid textarea{background:#0f172ae6;border:1px solid #94a3b833;border-radius:7px;box-sizing:border-box;color:#f1f5f9;font-size:14px;outline:none;padding:10px 12px;width:100%}.wl-form-grid input:focus,.wl-form-grid select:focus,.wl-form-grid textarea:focus{border-color:#38bdf880}.wl-form-grid label small{bottom:11px;color:#94a3b873;font-size:11px;font-weight:400;position:absolute;right:10px}.wl-form-wide{grid-column:1/-1}.wl-form-error{color:#fca5a5;font-size:12px;margin-top:8px}.wl-dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.wl-button{-webkit-tap-highlight-color:transparent;border-radius:7px;cursor:pointer;font-size:14px;font-weight:700;height:40px;min-width:88px}.wl-template-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.wl-template-list button{background:#38bdf80f;border:1px solid #38bdf838;border-radius:7px;color:#7dd3fc;cursor:pointer;font-size:11px;font-weight:700;height:30px;padding:0 10px}.wl-button.secondary{background:#1e293bcc;border:1px solid #94a3b833;color:#cbd5e1}.wl-button.primary{background:linear-gradient(135deg,#0369a1,#38bdf8);border:none;color:#0f172a}.wl-button:disabled{opacity:.5}.wl-state{grid-gap:12px;color:#94a3b899;display:grid;gap:12px;justify-items:center;min-height:70vh;place-content:center}.wl-loader{animation:wl-spin .8s linear infinite;border:3px solid #38bdf833;border-radius:50%;border-top-color:#38bdf8;height:28px;width:28px}.wl-error-banner{background:#ef444414;border:1px solid #ef444440;border-radius:12px;color:#fca5a5;display:flex;font-size:12px;gap:14px;justify-content:space-between;margin-bottom:14px;padding:12px 14px}.wl-error-banner button{background:#0000;border:0;color:#fca5a5;cursor:pointer;font-weight:700}@keyframes wl-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.wl-main{padding:12px 12px 28px}.wl-summary-band{grid-template-columns:repeat(3,1fr)}.wl-summary-metric{padding:12px 14px}.wl-summary-metric:nth-child(3){border-right:0}.wl-summary-metric.compact{border-top:1px solid #94a3b814}.wl-summary-metric.compact:last-child{grid-column:span 2}.wl-dashboard-grid{grid-template-columns:1fr}.wl-monitor-head{display:none}.wl-monitor-row{gap:6px 10px;grid-template-areas:"name value status" "target change trend" "time time trend";grid-template-columns:1.2fr 1fr auto;min-height:112px;min-width:0;padding:14px 16px}.wl-monitor-row>:nth-child(2){grid-area:name}.wl-monitor-row>:nth-child(3){grid-area:value}.wl-monitor-row>:nth-child(4){grid-area:target}.wl-monitor-row>:nth-child(5){grid-area:change}.wl-monitor-row>:nth-child(6){color:#94a3b873;font-size:10px;grid-area:time}.wl-monitor-row>:nth-child(7){grid-area:trend;justify-self:end}.wl-monitor-row>:nth-child(8){grid-area:status;justify-self:end}}@media (max-width:560px){.wl-root{padding-bottom:72px;padding-bottom:calc(72px + var(--safe-area-inset-bottom, 0px))}.wl-topbar{min-height:62px;padding-left:12px;padding-right:12px}.wl-title-group h1{font-size:19px}.wl-add-metric-button{justify-content:center;padding:0;width:34px}.wl-add-metric-button span{display:none}.wl-summary-band{border-radius:8px;grid-template-columns:repeat(2,1fr)}.wl-summary-metric{border-bottom:1px solid #94a3b814;min-height:78px}.wl-summary-metric:nth-child(2),.wl-summary-metric:nth-child(4){border-right:0}.wl-summary-metric:nth-child(3){border-right:1px solid #94a3b814}.wl-summary-metric.compact:last-child{grid-column:1/-1}.wl-summary-metric.compact:last-child .wl-mini-progress{max-width:none}.wl-summary-metric strong{font-size:22px}.wl-section-header{padding:12px 14px}.wl-section-header h2{font-size:15px}.wl-monitor-row{grid-template-areas:"name status" "value trend" "target trend" "change time";grid-template-columns:1fr auto}.wl-monitor-row>:nth-child(6){justify-self:end}.wl-section-actions{gap:8px}.wl-section-actions .wl-text-button:first-child{font-size:0}.wl-section-actions .wl-text-button:first-child svg{height:16px;width:16px}.wl-row-status{align-items:flex-end;flex-direction:column}.wl-sparkline{width:72px}.wl-alert-row{grid-template-columns:28px 1fr}.wl-alert-row em{grid-column:2}.wl-primary-action{left:12px;right:12px;transform:none}.wl-primary-action button{border-radius:14px;min-width:0;width:100%}.wl-form-grid{grid-template-columns:1fr}.wl-form-wide{grid-column:auto}}
/*# sourceMappingURL=main.89fa35cf.css.map*/