:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#f1f3f6;--line:#11182714;--line-strong:#11182724;--fg:#16181d;--fg-2:#3c414b;--muted:#6b717d;--accent:#0a63d8;--accent-press:#0853b6;--accent-soft:#eaf2fd;--ok:#157a52;--ok-soft:#e4f4ec;--warn:#9a5b00;--warn-soft:#fdf2df;--bad:#c2362c;--bad-soft:#fcebe9;--info:#0a63d8;--info-soft:#eaf2fd;--purple:#7c3aed;--purple-soft:#f1ebfe;--c-edit:#0a63d8;--c-story:#d9622b;--c-static:#12877a;--c-carousel:#b03a8c;--t-blue:var(--accent);--t-blue-soft:var(--accent-soft);--t-green:var(--ok);--t-green-soft:var(--ok-soft);--t-amber:var(--warn);--t-amber-soft:var(--warn-soft);--t-red:var(--bad);--t-red-soft:var(--bad-soft);--t-purple:var(--purple);--t-purple-soft:var(--purple-soft);--font:"Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--r-lg:20px;--r-md:14px;--r-sm:10px;--shadow:0 1px 2px #1018280a, 0 12px 32px -14px #1018281a;--shadow-lift:0 1px 2px #1018280d, 0 18px 40px -16px #10182829;--spring:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{color:var(--fg);font:500 14px/1.55 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;background:var(--bg);background-image:radial-gradient(900px 480px at 100% -10%,#0a63d812,#0000 60%),radial-gradient(700px 420px at -5% 15%,#7c3aed0d,#0000 55%);background-attachment:fixed;min-height:100vh}h1,h2,h3{text-wrap:balance;margin:0;font-weight:700}.top{top:env(safe-area-inset-top,0px);z-index:20;-webkit-backdrop-filter:blur(20px)saturate(180%);box-shadow:0 1px 0 var(--line);background:#ffffffb8;position:sticky}.top-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto;padding:12px 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.mark{background:var(--fg);color:#fff;letter-spacing:-.02em;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid}.brand h1{letter-spacing:-.02em;font-size:17px;line-height:1.2}.brand small{color:var(--muted);letter-spacing:.01em;font-size:11.5px;font-weight:500;display:block}.roles{background:#7676801f;border-radius:11px;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.roles button{color:var(--fg-2);font:600 13px var(--font);cursor:pointer;white-space:nowrap;transition:background .22s var(--spring), color .22s var(--spring), transform .1s ease-out, box-shadow .22s var(--spring);background:0 0;border:0;border-radius:8px;padding:7px 16px}.roles button:active{transform:scale(.96)}.roles button[aria-selected=true]{background:var(--accent-soft);color:var(--accent);box-shadow:0 1px 1px #00000008,0 3px 8px #0a63d814}.clock{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}.devtag{color:var(--warn);background:var(--warn-soft);white-space:nowrap;letter-spacing:.01em;border-radius:8px;padding:5px 9px;font-size:11px;font-weight:700}main{flex-direction:column;gap:22px;max-width:1320px;margin:0 auto;padding-block:28px 80px;padding-inline:24px;display:flex}@media (max-width:640px){main,.top-in{padding-inline:16px}}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.head-ti{align-items:flex-start;gap:16px;min-width:0;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.head h2{letter-spacing:-.03em;font-size:clamp(24px,3vw,32px);line-height:1.1}.head p{color:var(--muted);max-width:64ch;margin:6px 0 0;font-weight:500}.ibadge{background:var(--t-blue-soft);width:36px;height:36px;color:var(--t-blue);border-radius:11px;flex:none;place-items:center;display:grid}.ibadge svg{width:18px;height:18px}.ibadge.lg{width:56px;height:56px;box-shadow:var(--shadow);border-radius:16px}.ibadge.lg svg{width:26px;height:26px}.ibadge.t-blue{background:var(--t-blue-soft);color:var(--t-blue)}.ibadge.t-green{background:var(--t-green-soft);color:var(--t-green)}.ibadge.t-amber{background:var(--t-amber-soft);color:var(--t-amber)}.ibadge.t-red{background:var(--t-red-soft);color:var(--t-red)}.ibadge.t-purple{background:var(--t-purple-soft);color:var(--t-purple)}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.span-12{grid-column:span 12}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}@media (max-width:960px){.span-7,.span-6,.span-5{grid-column:span 12}}@media (prefers-reduced-motion:no-preference){.kpis>*,.grid>*{animation:rise .52s var(--spring) both}.kpis>:nth-child(2),.grid>:nth-child(2){animation-delay:40ms}.kpis>:nth-child(3),.grid>:nth-child(3){animation-delay:80ms}.kpis>:nth-child(4),.grid>:nth-child(4){animation-delay:.12s}.kpis>:nth-child(5),.grid>:nth-child(5){animation-delay:.16s}.kpis>:nth-child(6),.grid>:nth-child(6){animation-delay:.2s}@keyframes rise{0%{opacity:.001;transform:translateY(8px)}to{opacity:1;transform:none}}}.panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);outline:1px solid var(--line);outline-offset:-1px;flex-direction:column;gap:16px;min-width:0;padding:22px;display:flex}.panel h3{letter-spacing:-.015em;font-size:16px}.panel-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-ti{align-items:flex-start;gap:12px;min-width:0;display:flex}.sub{color:var(--muted);margin:3px 0 0;font-size:12.5px;font-weight:500}.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.kpi{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);outline:1px solid var(--line);outline-offset:-1px;transition:box-shadow .2s var(--spring), transform .2s var(--spring);align-items:flex-start;gap:14px;padding:18px;display:flex}.kpi:hover{box-shadow:var(--shadow-lift);transform:translateY(-1px)}.kpi-txt{min-width:0}.kpi .l{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10.5px;font-weight:700}.kpi .v{letter-spacing:-.03em;margin-top:3px;font-size:25px;font-weight:700;line-height:1.15}.kpi .s{color:var(--muted);margin-top:2px;font-size:12px;font-weight:500}.kpi.dark{background:var(--t-red-soft);outline-color:#0000}.kpi.dark .v{color:var(--t-red)}label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:11px;font-weight:700;display:block}input,select{width:100%;font:500 14px var(--font);color:var(--fg);background:var(--surface-2);border-radius:var(--r-sm);border:1px solid #0000;padding:10px 12px;transition:border-color .16s,background .16s,box-shadow .16s}input:hover,select:hover{background:#eceff3}input:focus,select:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 4px #0a63d824}input::placeholder{color:#a0a5af}input:disabled{opacity:.45}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b717d' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}select.auto,.toolbar select{width:auto;min-width:150px}.date-range{background:var(--surface-2);border-radius:var(--r-sm);align-items:center;gap:6px;padding:4px 6px;display:flex}.date-range input[type=date]{background:0 0;width:auto;min-width:0;padding:6px 4px}.date-range .to{color:var(--muted);font-weight:700}.btn svg{vertical-align:-3px;width:14px;height:14px;margin-right:5px}.field{min-width:0}.field.shrink{flex:none;align-self:flex-end}.field.date{flex:0 190px}.row{flex-wrap:wrap;gap:12px;display:flex}.row>.field{flex:200px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{background:var(--surface-2);color:var(--fg);font:600 13px var(--font);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:0;padding:10px 16px;transition:background .16s,transform .1s ease-out,box-shadow .16s}.btn:hover{background:#e8ebf0}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #0a63d840,inset 0 1px #ffffff2e}.btn.primary:hover{background:var(--accent-press)}.btn.ok{background:var(--ok);color:#fff}.btn.ok:hover{background:#106443}.btn.bad{background:var(--bad-soft);color:var(--bad)}.btn.bad:hover{background:#f8dcd8}.btn.sm{border-radius:8px;padding:7px 12px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:640px){.cats{grid-template-columns:repeat(2,minmax(0,1fr))}}.cat{background:var(--surface-2);border-radius:var(--r-md);transition:box-shadow .2s var(--spring), background .2s ease;flex-direction:column;gap:8px;padding:14px;display:flex;position:relative}.cat:focus-within{box-shadow:0 0 0 2px var(--cc), var(--shadow-lift);background:#fff}.cat label.n{color:var(--fg);text-transform:none;letter-spacing:-.01em;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;display:flex}.cat label.n:before{content:"";background:var(--cc);border-radius:50%;width:8px;height:8px}.cat input{letter-spacing:-.02em;text-align:left;box-shadow:none;background:0 0;border:0;padding:6px 2px;font-size:26px;font-weight:700}.cat input:focus{box-shadow:none;background:0 0}.total{border-radius:var(--r-md);background:var(--surface-2);color:var(--fg-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.total b{letter-spacing:-.03em;color:var(--fg);font-size:24px;font-weight:700}.rule{background:var(--accent-soft);color:#0b3f86;border-radius:var(--r-md);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.rule.closed{background:var(--bad-soft);color:#8e2219}.msg{min-height:1.2em;font-size:13px;font-weight:600}.msg.err{color:var(--bad)}.msg.okm{color:var(--ok)}.tbl-wrap{border-radius:var(--r-sm);margin-inline:-6px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead{background:var(--surface-2)}th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px;font-size:10.5px;font-weight:700}td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 10px;font-weight:500}tbody tr{transition:background .12s}tbody tr:hover{background:#fafbfc}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;white-space:nowrap}td.num{font-weight:600}td.right,.right{text-align:right}.nowrap{white-space:nowrap}.rate-in{text-align:right;width:100px;padding:7px 10px;font-weight:700}.ap-in{text-align:center;width:100px;padding:9px 10px;font-size:16px;font-weight:700}.ref-in{width:150px;padding:7px 10px;font-size:13px}.pill{white-space:nowrap;letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.p-pending{background:var(--warn-soft);color:var(--warn)}.p-approved{background:var(--ok-soft);color:var(--ok)}.p-paid{background:var(--info-soft);color:var(--info)}.p-rejected{background:var(--bad-soft);color:var(--bad)}.p-lapsed{background:var(--surface-2);color:var(--muted)}.p-submitted{background:var(--purple-soft);color:var(--purple)}.p-pending:before{animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.35}}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{background:var(--surface-2);white-space:nowrap;color:var(--fg-2);border-radius:7px;padding:3px 8px;font-size:11.5px;font-weight:700}.chip i{color:var(--cc);vertical-align:1px;font-size:9px;font-style:normal}.due{white-space:nowrap;font-size:13px;font-weight:700}.due.hot{color:var(--bad)}.tag{color:var(--muted);font-size:11.5px;font-weight:500}.empty{color:var(--muted);text-align:center;border-radius:var(--r-md);background:var(--surface-2);padding:28px 18px;font-size:13.5px;font-weight:500}.bars{flex-direction:column;gap:14px;display:flex}.bar{grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;font-weight:600;display:grid}.bar .track{background:var(--surface-2);border-radius:4px;height:8px;overflow:hidden}.bar .fill{background:var(--cc);transform-origin:0;height:100%;transition:width .6s var(--spring);border-radius:4px}.bar .val{text-align:right;white-space:nowrap;color:var(--fg-2);font-size:12.5px}.list{flex-direction:column;gap:12px;display:flex}.item{background:var(--surface-2);border-radius:var(--r-md);transition:background .16s ease, box-shadow .2s var(--spring);flex-direction:column;gap:12px;padding:16px;display:flex}.item:focus-within{box-shadow:0 0 0 1px var(--line-strong), var(--shadow-lift);background:#fff}.item-h{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.item-h b{letter-spacing:-.01em;font-size:14.5px;font-weight:700}.meta{color:var(--muted);font-size:12.5px;font-weight:500}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.appr-cats{flex-wrap:wrap;gap:10px;display:flex}.appr-cats .field{flex:none}.appr-cats label{margin-bottom:4px;font-size:10px}.item.editing{box-shadow:0 0 0 1px var(--accent), var(--shadow-lift);background:#fff}.offline{background:var(--warn-soft);color:var(--warn);border-radius:var(--r-md);padding:12px 16px;font-size:13.5px;font-weight:600}.gate{background:var(--surface);border-radius:var(--r-lg);max-width:460px;box-shadow:var(--shadow);outline:1px solid var(--line);outline-offset:-1px;flex-direction:column;gap:10px;margin:10vh auto 0;padding:30px;display:flex}.gate h2{letter-spacing:-.025em;font-size:22px}.gate p{color:var(--muted);margin:0;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before{transition-duration:1ms!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.top{-webkit-backdrop-filter:none;background:#fff}}.rate-form{flex-direction:column;gap:16px;display:flex}.money-in{align-items:baseline;gap:4px;display:flex}.money-in span{color:var(--muted);font-size:20px;font-weight:700}.money-in input{min-width:0}.auth{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:32px 16px;display:flex}.auth-card{background:var(--surface);width:100%;max-width:420px;box-shadow:var(--shadow-lift);outline:1px solid var(--line);outline-offset:-1px;border-radius:24px;flex-direction:column;gap:22px;padding:30px;display:flex}@media (prefers-reduced-motion:no-preference){.auth-card{animation:rise .52s var(--spring) both}}.auth-card h2{letter-spacing:-.03em;font-size:26px;line-height:1.15}.auth-text{color:var(--muted);margin:6px 0 0;font-weight:500}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-err{background:var(--bad-soft);color:#8e2219;border-radius:var(--r-sm);padding:10px 12px;font-size:13px;font-weight:600}.auth-foot{color:var(--muted);font-size:13px;font-weight:500}.auth-foot a,.auth a{color:var(--accent);font-weight:700;text-decoration:none}.auth-foot a:hover{text-decoration:underline}.btn.block{justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;text-decoration:none;display:inline-flex}.btn.google{color:var(--fg);box-shadow:0 0 0 1px var(--line-strong), 0 1px 2px #1018280d;background:#fff}.btn.google:hover{background:#f8f9fb}.btn.google svg{vertical-align:0;width:18px;height:18px;margin:0}.btn.disabled{opacity:.45;pointer-events:none}.auth .btn.google{color:var(--fg)}.pw{position:relative}.pw input{padding-right:64px}.pw-toggle{color:var(--accent);font:700 12px var(--font);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.center{text-align:center;margin:0}.devbox{border:1px dashed var(--line-strong);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:14px;display:flex}.devbox .eyebrow{color:var(--warn);margin:0}.devbox p{margin:0}.umenu{position:relative}.ubtn{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:4px 8px 4px 4px;transition:background .16s;display:flex}.ubtn:hover{background:#7676801a}.ubtn img,.avatar{border-radius:50%;flex:none;width:32px;height:32px}.avatar{background:var(--accent-soft);color:var(--accent);place-items:center;font-size:12px;font-weight:700;display:grid}.avatar.sm{width:28px;height:28px;font-size:11px}.uname{flex-direction:column;min-width:0;line-height:1.2;display:flex}.uname b{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}.uname small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;font-weight:600;overflow:hidden}@media (max-width:640px){.uname,.clock{display:none}}.udrop{min-width:230px;box-shadow:var(--shadow-lift);outline:1px solid var(--line);z-index:40;background:#fff;border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.uinfo{border-bottom:1px solid var(--line);flex-direction:column;margin-bottom:4px;padding:10px 12px;display:flex}.uinfo small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.udrop button{text-align:left;font:600 13px var(--font);cursor:pointer;color:var(--fg);background:0 0;border:0;border-radius:8px;padding:10px 12px}.udrop button:hover{background:var(--surface-2)}.udrop button.danger{color:var(--bad)}.modal-bg{z-index:60;background:#0f121952;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:400px;box-shadow:var(--shadow-lift);background:#fff;border-radius:20px;flex-direction:column;gap:14px;padding:24px;display:flex}code{background:var(--surface-2);border-radius:6px;padding:2px 6px;font:600 13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.cred{background:var(--ok-soft);border-radius:var(--r-md);flex-direction:column;gap:12px;padding:16px;display:flex}.cred-h{flex-direction:column;gap:2px;display:flex}.cred dl{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;font-size:13.5px;display:grid}.cred dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:11px;font-weight:700}.cred dd{overflow-wrap:anywhere;margin:0}.cred code{background:#fff;font-size:14px}.seg{background:#7676801f;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg>*{font:600 12px var(--font);color:var(--fg-2);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:6px 10px}.seg button{cursor:pointer}.seg button:disabled{cursor:not-allowed;opacity:.55}.seg button[aria-pressed=true],.seg .seg-on{color:var(--accent);background:#fff;box-shadow:0 1px 2px #0000000f}.seg .seg-on{color:var(--fg-2);background:#fff9}.who{align-items:center;gap:10px;display:flex}.who img{border-radius:50%;width:28px;height:28px}.pocs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.poc{background:var(--purple-soft);color:var(--purple);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 4px 3px 9px;font-size:12px;font-weight:700;display:inline-flex}.poc:not(:has(button)){padding-right:9px}.poc button{color:inherit;font:700 14px/1 var(--font);cursor:pointer;background:0 0;border:0;border-radius:50%;width:18px;height:18px}.poc button:hover{background:#7c3aed26}select.poc-add{background-position:right 8px center;border-radius:999px;width:auto;min-width:0;padding:4px 26px 4px 10px;font-size:12px;font-weight:700}.mark-img{width:34px;height:34px;box-shadow:0 0 0 1px var(--line);object-fit:contain;background:#fff;border-radius:10px;padding:4px}.auth-brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:18px;display:flex}.auth-brand img{width:160px;height:auto;display:block}.auth-brand span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding-bottom:6px;font-size:12px;font-weight:700}.camp-form{flex-direction:column;gap:12px;display:flex}.camp-form .pocs{background:var(--surface-2);border-radius:var(--r-sm);min-height:40px;padding:6px 8px}.camp-form .poc-add{background-color:#fff}code.off{opacity:.45;text-decoration:line-through}