@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic-400.woff2')}@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic-600.woff2');font-weight:600}@font-face{font-family:Inter;src:url('./assets/fonts/inter-cyrillic-700.woff2');font-weight:700}
:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#182433;background:#f6f8fb;font-size:14px;--primary:#206bc4;--primary-soft:#e9f2ff;--border:#dce2e9;--muted:#667382;--card:#fff;--sidebar:#182433;--success:#2fb344;--danger:#d63939}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f8fb}main{min-height:100vh}header{height:68px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:20}.mobile-brand,.header-actions,.heading,.row{display:flex;align-items:center;gap:12px}.logo-mark{width:38px;height:38px;border-radius:9px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:19px;box-shadow:0 4px 12px #206bc433}.mobile-brand h1{font-size:20px;line-height:1;margin:3px 0 0}.eyebrow{color:#748292;font-size:10px;text-transform:uppercase;letter-spacing:1.45px;font-weight:600}.role-badge,.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eaf7ec;color:#247336;font-size:11px;font-weight:600}.content-shell{padding:18px 16px 110px;max-width:820px;margin:auto}.page-heading{display:none}.sidebar{display:contents}.desktop-brand,.account-card,.nav-caption{display:none}.balance{background:linear-gradient(135deg,#206bc4,#3c88df);color:white;border-radius:12px;padding:19px;display:grid;gap:6px;margin:0 0 16px;box-shadow:0 8px 22px #206bc426}.balance strong{font-size:28px;letter-spacing:-.7px}.balance small{color:#fff;opacity:.82}h2{font-size:21px;margin:18px 0}h3{margin:0 0 10px;font-size:16px}.section-intro,.muted,small{color:var(--muted);line-height:1.55;font-size:12px}label{display:grid;gap:6px;font-size:12px;font-weight:600;margin:11px 0}input,select,button{font:inherit;border:1px solid #cbd3dc;border-radius:7px;padding:10px 12px;min-height:42px;max-width:100%}input,select{background:#fff;width:100%;color:#182433;outline:none}input:focus,select:focus{border-color:#80aee4;box-shadow:0 0 0 3px #206bc420}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--primary);flex-shrink:0}button{background:#fff;color:#344250;font-weight:600;cursor:pointer;box-shadow:0 1px 1px #1824330a}button:hover{border-color:#9bacbd;background:#f8fafc}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--primary);color:white;border-color:var(--primary)}button.primary:hover{background:#1a5aa5}.card,.filters{background:var(--card);border:1px solid var(--border);border-radius:9px;padding:16px;margin:12px 0;box-shadow:0 1px 2px #18243308}.filters{display:grid;gap:8px}.filters label{margin:0}.row>*{flex:1;min-width:0}.heading{justify-content:space-between;align-items:flex-start}.heading>h2{margin-top:4px}#notice{margin:10px 16px;color:var(--danger);overflow-wrap:anywhere}#notice:not(:empty){background:#fff0f0;border:1px solid #f1c5c5;border-radius:7px;padding:11px}.item-title{font-size:14px;font-weight:650;overflow-wrap:anywhere}.line{padding:11px 0;border-bottom:1px solid #edf0f3}.line:last-child{border:0}.line label{display:flex;align-items:center;font-weight:400}.right{text-align:right}#purchase-bar{position:sticky;bottom:78px;padding:11px;background:#e9f2ff;border:1px solid #bad5f4;border-radius:9px;box-shadow:0 4px 18px #1824331f;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px}dialog{border:0;border-radius:12px;max-width:calc(100% - 24px);width:560px;padding:22px;max-height:90dvh;box-shadow:0 18px 70px #18243355}dialog::backdrop{background:#18243388}img{width:72px;height:72px;object-fit:cover;border-radius:7px}#photo-preview{width:130px;height:130px}.empty{text-align:center;padding:32px 20px;color:var(--muted)}#employee-result{white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}.management{display:none}fieldset{border:1px solid var(--border);border-radius:8px;padding:8px 12px}fieldset label,label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-grid strong{display:block;margin-top:4px}.summary-totals{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-total{background:#fff;border:1px solid var(--border);border-radius:9px;padding:15px}.summary-total span{color:var(--muted);font-size:11px}.summary-total strong{display:block;font-size:20px;margin-top:7px}.summary-total[data-tone=positive] strong{color:#27843a}.summary-total[data-tone=negative] strong{color:#c33131}.summary-table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:9px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f3}th{color:#647184;background:#f8fafc;font-size:11px;text-transform:uppercase;letter-spacing:.35px}tr:last-child td{border-bottom:0}nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--border);padding:7px 5px max(7px,env(safe-area-inset-bottom));z-index:15}nav button{flex:1;display:grid;justify-items:center;gap:3px;background:none;border:0;box-shadow:none;font-size:10px;padding:5px 2px;color:#6d7986}nav [data-icon],.management [data-icon]{width:21px;height:21px;display:block;background-position:center;background-repeat:no-repeat;background-size:20px}nav button.active{color:var(--primary);background:var(--primary-soft)}[data-icon=orders]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667482' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3l8 -8'/%3E%3Cpath d='M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9'/%3E%3C/svg%3E")}[data-icon=products]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667482' stroke-width='2'%3E%3Cpath d='M12 3l8 4.5v9l-8 4.5l-8-4.5v-9z'/%3E%3Cpath d='M12 12l8-4.5M12 12v9M12 12L4 7.5'/%3E%3C/svg%3E")}[data-icon=wallet]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667482' stroke-width='2'%3E%3Cpath d='M17 8v-3a2 2 0 0 0-2-2h-10a3 3 0 0 0 0 6h14v10a2 2 0 0 1-2 2h-12a3 3 0 0 1-3-3v-12'/%3E%3Cpath d='M16 13h2'/%3E%3C/svg%3E")}[data-icon=receipt]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667482' stroke-width='2'%3E%3Cpath d='M5 21v-16a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16l-3-2l-2 2l-2-2l-2 2l-2-2z'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h4'/%3E%3C/svg%3E")}[data-icon=history]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23667482' stroke-width='2'%3E%3Cpath d='M12 8v4l2 2'/%3E%3Cpath d='M3.05 11a9 9 0 1 0 .5-3M3 4v4h4'/%3E%3C/svg%3E")}.sidebar button.active [data-icon]{filter:invert(36%) sepia(72%) saturate(1260%) hue-rotate(181deg)}
.management:not([hidden]){display:flex;gap:6px;overflow-x:auto;margin:0 0 14px;padding-bottom:2px}.management .nav-caption{display:none}.management button{white-space:nowrap;display:flex;align-items:center;gap:6px}.management [data-icon]{display:none}
.analytics-link{white-space:nowrap;display:flex;align-items:center;gap:6px;min-height:42px;padding:10px 12px;border:1px solid #cbd3dc;border-radius:7px;background:#fff;color:#344250;text-decoration:none;font-weight:600}.analytics-link:hover{border-color:#9bacbd;background:#f8fafc}.analytics-link [data-icon]{display:none}@media(max-width:420px){.content-shell{padding-inline:12px}.summary-totals{grid-template-columns:1fr}.card{padding:14px}.role-badge{display:none!important}}