@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=Readex+Pro:wght@400;500;600;700&display=swap');
*,*::before,*::after{box-sizing:border-box}html{background:var(--app-bg,#f4f5f6)}body{margin:0;background:var(--app-bg,#f4f5f6);color:var(--ink,#1d2422);font-family:"Alexandria","Readex Pro",system-ui,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;padding:24px 18px;display:flex;flex-direction:column;background:var(--side,#171d1b);color:var(--side-ink,#fff);z-index:30}.logo{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.25rem;font-weight:800;padding:4px 8px 28px}.logo-mark{width:40px;aspect-ratio:1;border-radius:12px;display:grid;place-items:center;background:var(--accent,#6de0a6);color:var(--accent-ink,#111)}.side nav{display:grid;gap:5px}.side nav button,.mobile-nav button{border:0;background:transparent;color:inherit;cursor:pointer}.side nav button{display:flex;align-items:center;gap:12px;text-align:start;padding:12px;border-radius:12px;opacity:.7}.side nav button.is-active{background:var(--side-active,#ffffff18);opacity:1}.nav-icon{width:26px;text-align:center;font-size:1.1rem}.side-foot{margin-top:auto;display:grid;gap:8px}.profile-mini{display:flex;align-items:center;gap:10px;padding:12px 8px;border-top:1px solid #ffffff20}.avatar{width:38px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--accent,#6de0a6);color:var(--accent-ink,#111);font-weight:800}.profile-mini span{display:grid}.profile-mini small{opacity:.58}.lang-toggle,.icon-btn,.nav-toggle{border:1px solid var(--line,#d8dcd8);background:var(--surface,#fff);min-width:42px;min-height:42px;border-radius:12px;cursor:pointer}.content{min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,4vw,44px);border-bottom:1px solid var(--line,#d8dcd8);background:color-mix(in srgb,var(--app-bg,#f4f5f6) 88%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.topbar h1{font-size:1.05rem;margin:0}.top-actions{display:flex;gap:8px;align-items:center}.nav-toggle{display:none}.workspace{padding:32px clamp(18px,4vw,44px) 70px}.view-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.view-head h2{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;margin:0}.view-head p{margin:.5em 0 0;color:var(--muted,#6b7470)}.button{border:0;border-radius:12px;min-height:46px;padding:0 18px;background:var(--accent,#6de0a6);color:var(--accent-ink,#111);font-weight:700;cursor:pointer}.button.ghost{background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#d8dcd8)}.card{background:var(--surface,#fff);border:1px solid var(--line,#d8dcd8);border-radius:var(--radius,18px);padding:22px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.card-head h3{margin:0;font-size:1rem}.muted{color:var(--muted,#6b7470)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.metric{background:var(--surface,#fff);border:1px solid var(--line,#d8dcd8);border-radius:var(--radius,18px);padding:20px}.metric span{display:block;color:var(--muted,#6b7470);font-size:.76rem}.metric strong{display:block;font-size:1.9rem;margin-top:8px}.metric small{font-size:.7rem}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--soft,#edf1ee);font-size:.68rem;font-weight:700}.positive{color:#128052}.negative{color:#c04444}.grid-2{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px}.list{display:grid}.list-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px 0;border-top:1px solid var(--line,#d8dcd8)}.list-row:first-child{border-top:0}.list-row p,.list-row b{margin:0}.list-row small{display:block;color:var(--muted,#6b7470)}.item-icon{width:42px;aspect-ratio:1;border-radius:12px;background:var(--soft,#edf1ee);display:grid;place-items:center}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips button{border:1px solid var(--line,#d8dcd8);background:transparent;border-radius:999px;padding:7px 12px;cursor:pointer}.chips button.is-active{background:var(--ink,#1d2422);color:var(--app-bg,#fff)}.progress{height:9px;background:var(--soft,#edf1ee);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;width:var(--progress,50%);background:var(--accent,#6de0a6);border-radius:inherit}.empty-view{min-height:430px;display:grid;place-items:center;text-align:center}.empty-view span{font-size:4rem}.mobile-nav{display:none}.toast{position:fixed;inset-inline-end:24px;bottom:24px;background:#111;color:#fff;padding:13px 18px;border-radius:12px;z-index:100;transform:translateY(150%);transition:.2s}.toast.show{transform:none}dialog{width:min(560px,calc(100% - 28px));border:0;border-radius:22px;padding:0;background:var(--surface,#fff);color:var(--ink,#111);box-shadow:0 30px 90px #0005}dialog::backdrop{background:#0008}.dialog-inner{padding:26px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:transparent;font-size:1.7rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.form-grid label{display:grid;gap:6px;font-size:.75rem}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:12px;border:1px solid var(--line,#d8dcd8);border-radius:10px;background:transparent;color:inherit}.wide{grid-column:1/-1}[hidden]{display:none!important}
@media(max-width:820px){.app{display:block;padding-bottom:72px}.side{position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,85vw);transform:translateX(calc((100% + 20px) * -1));transition:.22s;box-shadow:0 0 50px #0005}html[dir=rtl] .side{transform:translateX(calc((100% + 20px) * 1))}.nav-open .side{transform:none}.nav-toggle{display:inline-grid;place-items:center}.topbar{height:68px}.workspace{padding-top:22px}.mobile-nav{position:fixed;inset-inline:0;bottom:0;height:68px;background:var(--side,#171d1b);color:var(--side-ink,#fff);display:grid;grid-template-columns:repeat(4,1fr);z-index:40}.mobile-nav button{display:grid;place-items:center;align-content:center;gap:1px;font-size:.62rem;opacity:.65}.mobile-nav button.is-active{opacity:1;color:var(--accent,#6de0a6)}.mobile-nav b{font-size:1.15rem}.grid-2{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.view-head{align-items:flex-start}.view-head .button{white-space:nowrap}}
@media(max-width:520px){.metrics{grid-template-columns:1fr}.view-head{display:block}.view-head .button{margin-top:14px}.form-grid{grid-template-columns:1fr}.wide{grid-column:1}}