@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,SF Pro Text,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#23161a;background:#f4f1f2;--bg: #f4f1f2;--surface: #ffffff;--surface-strong: #fbf8f9;--surface-muted: #ebe5e7;--border: #dcd0d4;--border-strong: #cbb6bc;--text: #23161a;--text-muted: #6b5860;--accent: #7b2f3a;--accent-strong: #5f222c;--accent-soft: #f0e4e7;--danger: #b23b35;--danger-strong: #8f2d29;--warning: #c47a2f;--success: #2f7a58;--shadow: 0 10px 28px rgba(47, 21, 28, .12);--radius-lg: 18px;--radius-md: 12px;--radius-sm: 10px;background-image:radial-gradient(circle at 18% 18%,rgba(123,47,58,.06),transparent 24%),radial-gradient(circle at 82% 0%,rgba(95,34,44,.08),transparent 26%)}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);background:var(--bg)}#root{min-height:100vh}h1,h2,h3,strong{font-family:Space Grotesk,SF Pro Text,Segoe UI,sans-serif;font-weight:600}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#2f6f5e80;box-shadow:0 0 0 3px #2f6f5e1f}.input-affix{position:relative}.input-affix input{padding-right:44px}.input--date{max-width:220px}.date-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-muted)}.filter-extras{display:grid;gap:10px;align-content:start}.shortcut-chips{display:flex;flex-wrap:wrap;gap:10px}.chip-button{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;padding:10px 14px;font-weight:600;color:var(--text)}.chip-button--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.chip-button--ghost{background:transparent}.chip-button:hover{transform:translateY(-1px)}.scope-toggle{display:grid;gap:8px}.scope-toggle__buttons{display:flex;flex-wrap:wrap;gap:10px}.mobile-tabbar{position:fixed;inset:auto 0 0 0;height:64px;display:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;overflow-x:auto;scrollbar-width:none;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 16px #0000000f;z-index:50}.mobile-tabbar__item{display:grid;place-items:center;padding:10px 8px;font-weight:600;color:var(--text-muted)}.mobile-tabbar__item.active{color:var(--accent-strong)}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:none;align-items:flex-end;justify-content:center;z-index:60}.mobile-menu{width:min(520px,100%);background:var(--surface);border-radius:20px 20px 0 0;border:1px solid var(--border);box-shadow:var(--shadow);padding:18px;display:grid;gap:14px}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between}.mobile-menu__header small{color:var(--text-muted)}.mobile-menu__nav{display:grid;gap:8px}.mobile-menu__link{padding:12px 14px;border-radius:12px;background:var(--surface-muted);border:1px solid var(--border);font-weight:600;color:var(--text)}.mobile-menu__link.active{border-color:var(--accent);color:var(--accent-strong)}.fab{position:fixed;right:18px;bottom:80px;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.4rem;font-weight:700;box-shadow:0 10px 24px #00000026;display:none;align-items:center;justify-content:center}.mobile-filter-toggle{display:none;width:100%;justify-content:center}.input-affix__toggle{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:none;background:transparent;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.input-affix__toggle:hover{color:var(--text)}.input-affix__toggle:focus-visible{outline:2px solid rgba(47,111,94,.4);outline-offset:2px;border-radius:6px}textarea{resize:vertical}label{display:grid;gap:8px}label span{font-size:.85rem;color:var(--text-muted)}small{display:block}.auth-shell{display:grid;place-content:center;min-height:100vh;padding:32px;gap:20px;position:relative;overflow:hidden}.auth-shell--single{grid-template-columns:minmax(320px,560px)}.auth-shell--split{grid-template-columns:minmax(300px,440px) minmax(360px,520px);width:min(1100px,100%);margin:0 auto;align-items:stretch}.auth-panel{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.auth-panel--hero{position:relative;overflow:hidden;display:grid;gap:18px;align-content:start;padding:32px;color:#e8f3ff;background:linear-gradient(135deg,#0f172a,#1e293b 55%,#0ea5e9);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px #0f172a61}.auth-panel--form{padding:32px;display:flex;align-items:center}.auth-panel--solo{max-width:640px;margin:0 auto;position:relative;isolation:isolate;overflow:hidden}.auth-panel--glass{background:linear-gradient(180deg,#ffffffeb,#ffffffd1);border:1px solid rgba(203,182,188,.6);box-shadow:0 18px 38px #2f151c24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{border-radius:12px;padding:28px;border:1px solid rgba(15,23,42,.06);box-shadow:0 10px 22px #0f172a14;background:#ffffffd1;position:relative;overflow:hidden}.login-card__header{display:grid;place-items:center;gap:8px;margin-bottom:14px;position:relative;z-index:1}.login-logo__img{max-height:114px;width:auto;object-fit:contain}.login-card__logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:700;letter-spacing:.04em;color:#0f172a;background:#e5f3ff;border:1px solid rgba(14,165,233,.3)}.login-card__subtitle{color:var(--text-muted);margin-top:4px;text-align:center}.login-card__titles{display:grid;gap:4px;text-align:center;align-items:center}.login-card__title{font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.1;font-weight:800;color:#0f172a;margin:0}.login-card__titles .eyebrow{font-family:Montserrat,Poppins,Inter,system-ui,-apple-system,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.05em}.login-page-title{text-align:center;margin-bottom:16px}.login-page-title h1{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;letter-spacing:.02em;margin:0;color:#0f172a;text-shadow:none}.login-card__titles{display:grid;gap:4px;text-align:center}.login-card__row{display:flex;justify-content:flex-end;align-items:center;gap:10px;position:relative;z-index:1}.login-meta{display:grid;gap:4px}.auth-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--auth-bg, none);background-size:var(--auth-bg-size, cover);background-position:var(--auth-bg-position, center);background-repeat:no-repeat;opacity:var(--auth-bg-opacity, 0);transform:scale(1.015);filter:saturate(1) brightness(.95);z-index:-2}.auth-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#24121873,#2412181f);opacity:var(--auth-bg-opacity, 0);z-index:-1}.auth-panel__header{align-items:center}.panel__eyebrow{display:grid;gap:8px;align-content:start}.panel__intro{display:grid;gap:6px}.panel__intro p{color:var(--text-muted)}.auth-links{display:flex;justify-content:flex-start}.auth-links--between{justify-content:space-between;align-items:center;gap:10px}.hint-text{color:var(--text-muted);font-size:.92rem}.hero__content{display:grid;gap:14px;position:relative;z-index:1}.hero__content h1{font-size:clamp(2rem,3vw,2.6rem);line-height:1.1}.hero__content p{color:#ffffffe6;max-width:36ch}.hero__glow{position:absolute;top:-18%;right:-12%;bottom:-18%;left:-18%;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.18),transparent 34%),radial-gradient(circle at 20% 80%,rgba(14,165,233,.28),transparent 36%),radial-gradient(circle at 100% 40%,rgba(34,211,238,.32),transparent 42%);filter:blur(26px);z-index:0}.hero-list{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px;color:#e8f3ffeb}.hero-list li{display:inline-flex;align-items:center;gap:8px;font-weight:600}.hero-list li:before{content:"•";color:#67e8f9;font-size:1.4rem;line-height:1}.login-card{box-shadow:0 16px 46px #0f172a2e;border:1px solid rgba(15,23,42,.08)}.hero__stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hero-stat{padding:14px;border-radius:var(--radius-md);background:#ffffff1f;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #fff3}.hero-stat--soft{background:#ffffff14}.hero-stat span{display:block;color:#ffffffe6;font-weight:600}.hero-stat strong{display:block;font-size:1.6rem;margin:6px 0 2px;letter-spacing:-.02em}.hero-stat small{color:#ffffffd1}.hero__foot{display:flex;align-items:center;gap:10px;color:#ffffffe6}.avatar-stack{display:inline-flex;align-items:center;gap:6px}.avatar-chip{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#ffffff24;color:#fff;font-weight:700;letter-spacing:.04em;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px #00000029}.avatar-chip.more{background:#ffffff14}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.pill--ghost{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.28)}.pill--soft{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--border)}.form-grid--auth{gap:16px}.floating-field{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffffdb;box-shadow:0 10px 26px #2f151c14}.auth-panel--glass .floating-field{background:#fffffff2}.floating-field span{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:var(--text-muted)}.floating-field input{border:none;padding:8px 0 4px;background:transparent}.floating-field input:focus{border:none;box-shadow:none}.floating-field .input-affix{width:100%}.floating-field .input-affix input{padding-right:44px}.floating-field:focus-within{border-color:#7b2f3a80;box-shadow:0 0 0 3px #7b2f3a29}.button--full{width:100%}.branding-tile{min-height:220px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-muted);padding:12px;display:grid;place-items:center}.branding-preview{width:100%;max-height:360px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow)}.branding-preview--logo{max-height:220px;object-fit:contain;background:var(--surface);padding:10px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--text-muted);font-weight:600}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;gap:20px;padding:24px}.sidebar{background:var(--surface);color:var(--text);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.brand{display:grid;gap:6px}.brand--with-logo{justify-items:center}.brand__logo{width:min(315px,100%);max-height:200px;object-fit:contain;display:block;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08))}.brand small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em}.brand strong{font-size:1.1rem}.sidebar__nav{display:grid;gap:6px}.sidebar__nav a{text-decoration:none;padding:10px 12px;border-radius:10px;color:var(--text-muted)}.sidebar__nav a.nav-primary{background:var(--accent);color:#fff;font-weight:600}.sidebar__nav a.active,.sidebar__nav a:hover{background:var(--surface-muted);color:var(--text)}.sidebar__nav a.nav-primary.active,.sidebar__nav a.nav-primary:hover{background:var(--accent-strong);color:#fff}.sidebar__section-title{margin-top:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.sidebar__footer{margin-top:auto;display:grid;gap:10px}.user-meta{display:grid;gap:4px}.content-shell{display:grid;gap:16px;align-content:start}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 0}.topbar__title{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted)}.topbar__actions{display:flex;align-items:center;gap:12px}.topbar__user{font-size:.9rem;color:var(--text-muted)}.icon-button{border:1px solid var(--border);background:var(--surface);padding:8px 12px;border-radius:999px;font-weight:600;color:var(--text)}.nav-toggle{display:none}.page-stack{display:grid;gap:16px}.page-grid{display:grid;gap:20px;grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:4px 4px 0}.page-header__text h2{font-size:clamp(1.5rem,2.4vw,2.2rem)}.page-header__description{color:var(--text-muted);margin-top:6px;max-width:60ch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;animation:rise-in .3s ease;background-image:linear-gradient(180deg,rgba(123,47,58,.02),transparent 50%)}.panel__content{display:grid;gap:16px}.panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px}.panel__header.compact{margin-bottom:8px}.panel__header h2{font-size:1.2rem;margin-bottom:4px}.panel__header p{color:var(--text-muted)}.panel--collapsible{padding:0}.panel--collapsible .panel__summary{list-style:none;cursor:pointer;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.panel--collapsible .panel__summary::-webkit-details-marker{display:none}.panel--collapsible .panel__summary h2{font-size:1.05rem;margin-bottom:4px}.panel--collapsible .panel__summary p{color:var(--text-muted)}.panel--collapsible .panel__content{padding:0 20px 20px}.panel__summary-icon{width:10px;height:10px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);transition:transform .2s ease}.panel--collapsible[open] .panel__summary-icon{transform:rotate(225deg)}.form-grid{width:100%;display:grid;gap:14px}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>.feedback{grid-column:1 / -1}.filters-row{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-row--dashboard{align-items:end}.toolbar{display:flex;flex-wrap:wrap;gap:10px}.toolbar--compact{align-items:center}.toolbar--compact input{min-width:220px}.full-span{grid-column:1 / -1}.checkbox-field{grid-auto-flow:column;justify-content:flex-start;align-items:center;gap:10px}.checkbox-field input{width:18px;height:18px}.checkbox-field--stack{grid-auto-flow:row;justify-items:start;gap:8px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.button{border:1px solid transparent;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.button:disabled{opacity:.7;cursor:wait}.button--primary{color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);border-color:var(--accent-strong);box-shadow:0 10px 24px #5f222c3d}.button--ghost{color:var(--text);background:transparent;border-color:var(--border-strong)}.button--danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button--link{text-decoration:none}.link-inline{color:var(--accent-strong);text-decoration:none;font-weight:600}.link-inline:hover{text-decoration:underline}.feedback{border-radius:var(--radius-sm);padding:12px 14px;border:1px solid transparent}.feedback--error{background:#c0453c14;border-color:#c0453c2e;color:var(--danger)}.feedback--success{background:#2f6f5e1a;border-color:#2f6f5e2e;color:var(--success)}.field-error{color:var(--danger);font-size:.82rem}.field-hint{color:var(--text-muted);font-size:.82rem}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{border-radius:var(--radius-md);padding:16px;display:grid;gap:6px;color:var(--text);background:var(--surface);border:1px solid var(--border)}.stat-card span{color:var(--text-muted)}.stat-card strong{font-size:clamp(1.6rem,2vw,2rem)}.stat-card small{color:var(--text-muted)}.stat-card--sun{border-left:4px solid var(--accent)}.stat-card--forest{border-left:4px solid #2f3b46}.stats-grid.modern{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bar-chart{display:grid;gap:12px}.bar-chart--scroll{max-height:360px;overflow-y:auto;padding-right:4px}.bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.bar__label{font-weight:600;color:var(--text)}.bar__track{grid-column:1 / -1;background:var(--surface-muted);border-radius:999px;overflow:hidden;height:12px;border:1px solid var(--border)}.bar__fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-strong) 100%)}.bar__track--user{background:var(--accent-soft)}.bar__fill--user{background:linear-gradient(90deg,var(--accent-strong) 0%,var(--accent) 100%)}.bar__value{font-weight:700;color:var(--text)}.content-grid{display:grid;gap:16px}.content-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.table th,.table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.table th{color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:var(--surface-muted)}.table-subtitle{color:var(--text-muted);font-size:.85rem}.table tbody tr:nth-child(odd){background:#7b2f3a04}.table tbody tr:hover{background:#7b2f3a0f}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.pagination{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:600}.status-badge--success{background:#2f6f5e1f;color:var(--success)}.status-badge--warning{background:#b8822b1f;color:var(--warning)}.status-badge--neutral{background:#1f232814;color:var(--text-muted)}.hide-mobile{display:table-cell}.inline-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.inline-card p,.inline-card span{color:var(--text-muted)}.inline-card__side{display:grid;gap:8px;justify-items:start}.inline-card--warn{background:#b8822b14;border-color:#b8822b2e}.empty-state,.table-placeholder,.screen-loader{min-height:120px;display:grid;place-items:center;text-align:center;color:var(--text-muted)}.empty-state{gap:6px}.screen-loader{min-height:100vh;font-size:1.1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08171a52;display:grid;place-items:center;padding:20px;z-index:50}.modal-card{width:min(100%,420px);background:var(--surface-strong);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px;display:grid;gap:12px}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1240px){.page-grid,.content-grid.two-columns,.auth-shell{grid-template-columns:1fr}}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr;padding:16px}.nav-toggle{display:inline-flex}.auth-panel--form{order:-1}.sidebar{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0000002e;padding:0;align-items:stretch}.sidebar--open{display:flex}.sidebar--open .brand,.sidebar--open .sidebar__nav,.sidebar--open .sidebar__footer{background:var(--surface);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border)}.sidebar--open .sidebar__nav{margin:10px 0}.page-header{flex-direction:column;align-items:flex-start}.form-grid.two-columns{grid-template-columns:1fr}}@media (max-width: 720px){body{font-size:15px}.auth-shell,.app-shell{padding:16px}.auth-shell:before{background-size:contain;background-position:center top;transform:scale(1)}.auth-panel--form,.panel,.sidebar{padding:16px}.auth-links--between,.hero__foot,.login-card__row{flex-direction:column;align-items:flex-start}.login-card__header{grid-template-columns:1fr;gap:10px}.form-grid.two-columns,.filters-row,.page-header,.pagination,.inline-card{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.table{display:block;overflow-x:auto;width:100%}.toolbar--compact{width:100%}.toolbar--compact input{min-width:0}.content-grid.two-columns{grid-template-columns:1fr}.actions .button{width:100%;justify-content:center}.sidebar{display:none}.sidebar.sidebar--open{display:flex}.content-shell{padding-bottom:96px}.mobile-tabbar,.fab{display:grid}.fab{display:inline-flex}.mobile-filter-toggle{display:inline-flex;margin-bottom:8px}.mobile-menu-backdrop{display:flex}.hide-mobile{display:none}.sidebar{padding:12px}}