:root{--bg: #efe6d7;--bg-alt: #f7f1e7;--surface: rgba(255, 249, 240, .84);--surface-strong: #fffaf1;--surface-dark: #123d39;--line: rgba(67, 55, 34, .12);--line-strong: rgba(67, 55, 34, .18);--text: #2f2619;--muted: #6c6250;--brand: #1d6a5c;--brand-dark: #123d39;--accent: #c4833e;--accent-soft: rgba(196, 131, 62, .14);--danger: #9b3f35;--danger-soft: rgba(155, 63, 53, .12);--success-soft: rgba(29, 106, 92, .12);--shadow: 0 24px 70px rgba(63, 48, 24, .11)}*{box-sizing:border-box}html,body{min-height:100%;overflow-x:hidden}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(196,131,62,.23),transparent 26%),radial-gradient(circle at top right,rgba(18,61,57,.17),transparent 24%),linear-gradient(180deg,#f2eadc 0%,var(--bg) 48%,#f6efe6 100%);font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;line-height:1.1}p{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code{padding:2px 6px;border-radius:8px;background:#123d3914}.page-shell{min-height:100vh;padding:24px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:24px}.hero-panel,.panel,.card,.history-card,.user-card,.expense-card,.config-card,.metric-tile,.empty-state,.quick-link,.insight-card,.task-card,.task-template-card,.info-strip{border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-panel{border-radius:32px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;inset:auto -70px -70px auto;width:240px;height:240px;background:radial-gradient(circle,rgba(29,106,92,.22),transparent 72%)}.hero-panel--brand{background:linear-gradient(145deg,#fff8ece6,#f4e8d2d1),var(--surface)}.hero-panel__art{width:min(100%,520px);align-self:center;filter:drop-shadow(0 16px 40px rgba(18,61,57,.14))}.hero-banner{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--line);background:linear-gradient(120deg,#fff8eceb,#f1eadcd6),var(--surface);box-shadow:var(--shadow);padding:30px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.hero-banner:after{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(29,106,92,.12),transparent 70%);pointer-events:none}.hero-banner.finance-hero{align-items:center}.hero-banner__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.metric-tile{border-radius:22px;padding:18px;min-width:0}.metric-tile span{display:block;color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.metric-tile strong{display:block;margin-top:10px;font-size:1.35rem;overflow-wrap:anywhere}.workspace{max-width:1440px;margin:0 auto;width:100%;min-width:0}.workspace-topbar{margin-bottom:24px;padding:18px 22px;border:1px solid var(--line);border-radius:24px;background:#fffaf3b3;box-shadow:0 18px 40px #3f301814;display:flex;justify-content:space-between;align-items:center;gap:16px;position:sticky;top:16px;z-index:10;min-width:0}.workspace-kicker{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.workspace-actions{display:flex;flex-wrap:wrap;gap:12px;width:100%;justify-content:flex-end;align-items:stretch}.brand-wordmark{color:var(--brand-dark);font-size:.95rem;font-weight:900;letter-spacing:.08em}.panel{border-radius:30px;padding:28px}.card{border-radius:22px;padding:20px}.eyebrow{color:var(--brand);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.muted{color:var(--muted)}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;align-items:center;min-width:0}.row.wrap{flex-wrap:wrap}.help-hint{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;border:1px solid rgba(29,106,92,.18);background:linear-gradient(180deg,#1d6a5c1f,#1d6a5c0d);color:var(--brand-dark);font-size:.78rem;font-weight:800;cursor:help;box-shadow:0 6px 18px #123d3914;flex-shrink:0}.help-hint__icon{line-height:1}.help-hint__bubble{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);min-width:220px;max-width:min(280px,calc(100vw - 32px));padding:12px 14px;border-radius:16px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#123d39fa,#0e312dfa);color:#f8f3ea;box-shadow:0 22px 40px #123d393d;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;display:flex;flex-direction:column;gap:6px;z-index:20}.help-hint__bubble:after{content:"";position:absolute;left:50%;bottom:-6px;width:12px;height:12px;background:#0e312dfa;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);transform:translate(-50%) rotate(45deg)}.help-hint:hover .help-hint__bubble,.help-hint:focus-visible .help-hint__bubble{opacity:1;transform:translate(-50%) translateY(-2px)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-weight:700;color:var(--muted)}.field small{margin-top:-2px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);background:#fffbf4f5;border-radius:16px;padding:13px 14px;color:var(--text);font-size:16px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#1d6a5c6b;box-shadow:0 0 0 4px #1d6a5c1a}.field textarea{min-height:110px;resize:vertical}.button{border:0;border-radius:999px;padding:12px 18px;font-weight:800;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease;display:inline-flex;justify-content:center;align-items:center;min-height:46px}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;box-shadow:0 16px 30px #1d6a5c33}.button.secondary{background:var(--accent-soft);color:#8d5620}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.button.danger{background:var(--danger-soft);color:var(--danger)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.alert{border-radius:18px;padding:15px 16px;font-weight:700}.alert.error{background:var(--danger-soft);color:var(--danger)}.alert.success{background:var(--success-soft);color:var(--brand-dark)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;background:#1d6a5c1f;color:var(--brand-dark);font-weight:800;font-size:.82rem;max-width:100%;white-space:normal}.badge.subtle{background:#123d3912;color:var(--text)}.checkbox-badge input{margin:0}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#1d6a5c1a;color:var(--brand-dark);font-size:.8rem;font-weight:800}.status-pill.inactive{background:#6c62501f;color:var(--muted)}.selection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.selection-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fffbf4d9;transition:border-color .18s ease,transform .18s ease,background .18s ease}.selection-card:hover{transform:translateY(-1px);border-color:#1d6a5c38;background:#fffcf7fa}.selection-card input{margin-top:3px}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;border:1px dashed rgba(29,106,92,.24);border-radius:22px;padding:18px;background:#1d6a5c0d}.summary-strip span,.summary-strip strong{display:block}.summary-strip strong{margin-top:10px;font-size:1.15rem}.section-divider{padding-top:22px;border-top:1px solid var(--line)}.history-card,.user-card,.expense-card,.config-card{border-radius:24px;padding:18px 20px}.user-card{display:flex;flex-direction:column;gap:14px;min-width:0}.user-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;min-width:0}.user-card__identity,.user-card__actions,.user-card__meta,.user-card__profiles{min-width:0}.user-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.user-card__meta,.user-card__profiles{display:flex;flex-wrap:wrap;gap:10px 16px}.history-card,.expense-card{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%}.history-card{width:100%;cursor:pointer;text-align:left}.config-card{display:grid;grid-template-columns:1fr 2fr;gap:18px}.config-card__controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.meta-row{color:var(--muted);font-size:.92rem}.empty-state{border-radius:24px;padding:24px;text-align:center;gap:8px;display:flex;flex-direction:column}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quick-link{border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.quick-link:hover{transform:translateY(-2px);border-color:#1d6a5c38;background:#fffbf5f2}.insight-card,.task-card,.task-template-card{border-radius:24px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.info-strip{border-radius:22px;padding:16px 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#fffaf3eb}.layout{min-height:100vh;display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start}.sidebar{padding:28px 24px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fff9efe0,#f6eee2d1),var(--surface);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:28px;position:sticky;top:0;min-height:100vh;min-width:0}.brand-lockup{display:flex;gap:14px;align-items:center;min-width:0}.brand-lockup>div{min-width:0;overflow-wrap:anywhere}.brand-logo{width:54px;height:54px;border-radius:18px;box-shadow:0 14px 24px #123d392e}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-section{display:flex;flex-direction:column;gap:12px}.nav-stack{display:flex;flex-direction:column;gap:8px}.sidebar-section-label{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.nav-link{padding:14px 15px;border-radius:18px;color:var(--muted);font-weight:800;display:flex;flex-direction:column;gap:4px;transition:background .18s ease,transform .18s ease,color .18s ease;min-width:0}.nav-link.active,.nav-link:hover{background:#1d6a5c1f;color:var(--brand-dark);transform:translate(2px)}.nav-link__label{font-size:.96rem}.nav-link__hint{font-size:.82rem;font-weight:600;color:inherit;opacity:.8}.sidebar-highlight{background:linear-gradient(180deg,#1d6a5c14,#fffbf4cc),var(--surface)}.sidebar__footer{margin-top:auto}.content{padding:24px;min-width:0}.header>*,.nav-link,.quick-link,.insight-card,.task-card,.task-template-card,.history-card,.expense-card,.config-card,.card,.badge,.muted,.field label,.field small{min-width:0;overflow-wrap:anywhere}.header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card h2{font-size:2rem;margin-top:10px}.dashboard-highlight{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.auth-panel{display:flex;flex-direction:column;justify-content:center}.auth-note{padding:16px 18px;border-radius:18px;background:#c4833e1a;color:#895622;font-weight:700}@media (max-width: 1080px){.auth-shell,.dashboard-highlight,.action-grid,.hero-banner,.stats,.grid.two,.grid.three,.config-card{grid-template-columns:1fr}.hero-banner{align-items:flex-start}.hero-banner__meta,.config-card__controls,.summary-strip,.selection-grid,.info-strip{grid-template-columns:1fr}.workspace-topbar{flex-direction:column;align-items:flex-start}.workspace-actions{justify-content:flex-start}.layout{grid-template-columns:1fr}.sidebar{position:static;min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding-bottom:20px}.nav-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.page-shell,.content,.sidebar,.auth-shell{padding:16px}.hero-panel,.panel,.hero-banner,.workspace-topbar{padding:18px}.header,.history-card,.expense-card{flex-direction:column;align-items:flex-start}.user-card__head{flex-direction:column}.hero-banner__meta,.stats,.action-grid,.selection-grid,.nav-stack{grid-template-columns:1fr}.workspace-actions,.workspace-actions .button,.user-card__actions,.user-card__actions .button,.button{width:100%}.button.ghost,.button.secondary,.button.primary,.button.danger{justify-content:center}.config-card__controls,.config-card{grid-template-columns:1fr}.workspace-topbar{position:static}.brand-lockup{align-items:flex-start}.sidebar-highlight,.sidebar__footer .card{border-radius:20px}.nav-link:hover,.nav-link.active{transform:none}.metric-tile{padding:14px 16px}.metric-tile strong,.summary-strip strong,.stat-card h2{font-size:1.2rem}.history-card,.user-card,.expense-card,.config-card,.task-card,.task-template-card,.insight-card,.quick-link,.empty-state,.card{padding:16px;border-radius:20px}.help-hint__bubble{left:auto;right:0;transform:none;min-width:0;width:min(280px,calc(100vw - 40px))}.help-hint__bubble:after{left:auto;right:8px;transform:rotate(45deg)}.table th,.table td{padding:10px 8px;white-space:nowrap}.workspace-actions{gap:10px}}@media (max-width: 560px){.page-shell,.content,.sidebar,.auth-shell{padding:12px}.hero-banner,.panel,.workspace-topbar,.hero-panel{border-radius:22px;padding:16px}.brand-lockup{align-items:flex-start}.sidebar{gap:18px}.brand-logo{width:46px;height:46px;border-radius:14px}.nav-link{padding:12px 13px}.nav-link__label{font-size:.92rem}.nav-link__hint{font-size:.78rem}.hero-banner h1,.hero-panel h1{font-size:1.7rem;line-height:1.08}h2{font-size:1.3rem}.summary-strip,.info-strip,.hero-banner__meta,.row,.row.wrap{gap:10px}.field input,.field select,.field textarea{border-radius:14px;padding:12px 13px}.workspace-topbar,.hero-banner,.panel,.hero-panel,.card,.history-card,.expense-card,.config-card,.quick-link,.insight-card,.task-card,.task-template-card,.empty-state{width:100%}}
