:root{--bg:#f4f5f7;--bg-2:#eef0f3;--panel:#fff;--panel-soft:#fdf4f0;--brand:#e8551f;--brand-deep:#c8410f;--brand-soft:#f2a683;--brand-pale:#fdeee7;--accent:#fde3d5;--brand-rgb:232, 85, 31;--brand-deep-rgb:200, 65, 15;--brand-light:#f4712f;--ink:#17181c;--ink-2:#3d4046;--muted:#6d7280;--muted-2:#9aa0a8;--line:#e7e5e3;--line-soft:#f0eeec;--ring:rgba(var(--brand-rgb), .16);--ok:#157a56;--ok-bg:#e7f5ef;--error:#b8391c;--error-bg:#fdeae4;--info:#9a4d1c;--info-bg:#fdf1ea;--r-xs:10px;--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:26px;--r-full:999px;--sh-1:0 1px 2px #17181c0a, 0 1px 3px #17181c0a;--sh-2:0 2px 4px #17181c08, 0 8px 24px #17181c0f;--sh-3:0 12px 40px rgba(var(--brand-deep-rgb), .14);--fs-xs:clamp(11px, .68rem + .1vw, 12px);--fs-sm:clamp(12.5px, .76rem + .12vw, 13.5px);--fs-md:clamp(14px, .84rem + .14vw, 15px);--fs-lg:clamp(15.5px, .92rem + .2vw, 17px);--fs-xl:clamp(18px, 1rem + .5vw, 21px);--fs-2xl:clamp(18px, 1.1rem + 1.1vw, 21px);--gap:clamp(12px, 1.6vw, 18px);--pad:clamp(14px, 2vw, 22px);--sidebar-desktop-width:300px;--topbar-h:56px;--ease:cubic-bezier(.2, .7, .3, 1)}@media (width<=400px){:root{--pad:14px;--gap:12px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:var(--fs-md);letter-spacing:-.006em;background:radial-gradient(1100px 520px at 100% -10%, rgba(var(--brand-rgb), .07), transparent 60%), radial-gradient(760px 420px at -10% 0%, rgba(var(--brand-rgb), .05), transparent 55%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;background-attachment:fixed;margin:0;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%}.app{width:100%;max-width:1440px;padding:clamp(10px,2vw,24px);padding-top:calc(var(--topbar-h) + clamp(10px, 2vw, 24px));padding-left:max(clamp(10px, 2vw, 24px), env(safe-area-inset-left));padding-right:max(clamp(10px, 2vw, 24px), env(safe-area-inset-right));padding-bottom:max(clamp(10px, 2vw, 24px), env(safe-area-inset-bottom));margin-inline:auto}.layout{gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}.content{gap:var(--gap);min-width:0;display:grid}.hidden{display:none!important}.field{gap:6px;min-width:0;display:grid}label{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:650}input,select,textarea{border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);background:#fff;outline:none;padding:11px 13px;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--ring)}.actions{flex-wrap:wrap;gap:8px;display:flex}.card,.metric,.table-card,.chart-card,.status-card{border:1px solid var(--line);border-radius:var(--r-xl);background:var(--panel);box-shadow:var(--sh-2);min-width:0}.card,.status-card,.table-card,.chart-card{padding:var(--pad)}.badge{border-radius:var(--r-full);background:var(--brand-pale);color:var(--brand);font-size:var(--fs-xs);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;font-weight:650;display:inline-flex}.status{border-radius:var(--r-sm);font-size:var(--fs-sm);border:1px solid #0000;margin-top:14px;padding:12px 14px}.status.info{background:var(--info-bg);border-color:rgba(var(--brand-rgb), .16);color:var(--info)}.status.success{background:var(--ok-bg);color:var(--ok);border-color:#157a562e}.status.error{background:var(--error-bg);color:var(--error);border-color:#b8391c2e}.metric{align-content:start;gap:2px;padding:clamp(14px,1.8vw,18px);display:grid}.metric>span{color:var(--muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;font-weight:650}.metric strong{font-size:var(--fs-2xl);letter-spacing:-.03em;margin-top:8px;font-weight:680;display:block}.metric small{color:var(--muted);font-size:var(--fs-xs);margin-top:4px;display:block}.btn{border-radius:var(--r-sm);min-width:46px;min-height:44px;font-family:inherit;font-size:var(--fs-sm);letter-spacing:-.005em;cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease), box-shadow .18s var(--ease), transform .12s var(--ease), opacity .18s var(--ease);border:1px solid #0000;flex:0 auto;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:650;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.primary-button{background:var(--brand);color:#fff;box-shadow:0 6px 16px rgba(var(--brand-deep-rgb), .22)}.primary-button:hover:not(:disabled){background:var(--brand-deep);box-shadow:0 10px 22px rgba(var(--brand-deep-rgb), .26)}.soft-button{background:var(--brand-pale);color:var(--brand);border-color:rgba(var(--brand-rgb), .18)}.soft-button:hover:not(:disabled){background:var(--accent)}.ghost-button{color:var(--ink-2);border-color:var(--line);background:#fff}.ghost-button:hover:not(:disabled){background:var(--bg);border-color:#d9d6d3}:where(.btn,input,select,textarea,a):focus-visible{outline:2px solid var(--brand);outline-offset:2px;box-shadow:none}