:root{--bg: #0b0b0c;--panel: #17181a;--panel-2: #111214;--input: #0f1012;--line: #2a2c2f;--line-soft: #222428;--text: #f5f5f2;--muted: #a3a6a0;--soft: #c9cbc4;--lime: #c6ff00;--lime-dim: #1f2a00;--lime-ink: #2b3300;--red: #ff7a6e;--red-bg: #2a1414;--amber: #ffb547;--blue: #7db8ff;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Barlow", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px}a{color:var(--lime)}a:hover{color:#e4ff80}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:.01em}h1{font-size:34px;font-weight:800}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:700}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.cols-2{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.right{text-align:right}.grow{flex:1 1 auto;min-width:0}.app{display:flex;min-height:100vh}.side{width:240px;flex:0 0 240px;background:var(--panel-2);border-right:1px solid var(--line-soft);padding:20px 12px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;text-decoration:none;color:var(--text)}.brand .mark{width:34px;height:34px;background:var(--lime);color:#0b0b0c;font-family:var(--display);font-weight:800;font-size:24px;display:flex;align-items:center;justify-content:center;border-radius:6px}.brand .word{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:.06em;line-height:1}.brand .sub{font-size:11px;letter-spacing:.22em;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{color:var(--soft);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px}.nav a:hover{background:#1c1d20;color:var(--text)}.nav a.on{background:var(--lime);color:#0b0b0c;font-weight:700}.nav .group{font-size:11px;letter-spacing:.16em;color:#6e737a;padding:12px 12px 4px}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:14px 28px;border-bottom:1px solid var(--line-soft);background:var(--panel-2);position:sticky;top:0;z-index:5}.content{padding:24px 28px 48px;display:flex;flex-direction:column;gap:20px}.btn.menu-btn{display:none}.demo-band{background:var(--lime);color:#0b0b0c;font-size:13px;font-weight:600;text-align:center;padding:6px 12px}@media (max-width: 900px){.side{position:fixed;left:0;top:0;z-index:30;transform:translate(-100%);transition:transform .2s}.side.open{transform:none;box-shadow:0 0 0 100vmax #0009}.btn.menu-btn{display:inline-flex}.content{padding:18px 16px 40px}.top{padding:12px 16px}.cols-2,.cols-3{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.kpi .v{font-family:var(--display);font-weight:800;font-size:34px;line-height:1.05}.kpi .l{font-size:13px;color:var(--muted)}.kpi.hi{background:var(--lime);color:#0b0b0c;border-color:var(--lime)}.kpi.hi .l{color:var(--lime-ink);font-weight:600}.btn{min-height:42px;padding:0 16px;border-radius:9px;border:1px solid #3a3d42;background:transparent;color:var(--text);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap}.btn:hover{border-color:#5a5e64;color:var(--text)}.btn.primary{background:var(--lime);color:#0b0b0c;border-color:var(--lime);font-weight:700}.btn.primary:hover{background:#d7ff4d;color:#0b0b0c}.btn.danger{border-color:#6b2a24;color:var(--red)}.btn.sm{min-height:34px;padding:0 12px;font-size:13px}.btn.lg{min-height:54px;font-size:16px;padding:0 22px}.btn:disabled{opacity:.45;cursor:not-allowed}.pill{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:600;font-size:14px;cursor:pointer}.pill.on{background:var(--lime);color:#0b0b0c;border-color:var(--lime)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:13px;color:var(--muted)}.input,select.input,textarea.input{min-height:44px;padding:0 12px;background:var(--input);border:1px solid var(--line);border-radius:9px;color:var(--text);font-size:15px;width:100%}textarea.input{padding:10px 12px;min-height:80px;resize:vertical}.input:focus{outline:2px solid var(--lime);outline-offset:-1px;border-color:var(--lime)}.input.big{min-height:56px;font-size:18px;border:2px solid var(--lime)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:14px}.badge{display:inline-block;padding:3px 9px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.b-active,.b-in,.b-approved,.b-paid,.b-present,.b-converted{background:var(--lime);color:#0b0b0c}.b-expired,.b-blocked,.b-absent,.b-rejected,.b-refunded,.b-lost{background:var(--red-bg);color:var(--red);border:1px solid #6b2a24}.b-frozen,.b-leave,.b-contacted{background:#13243a;color:var(--blue);border:1px solid #27466b}.b-pending,.b-draft,.b-late,.b-half-day,.b-new,.b-partly-paid{background:#2c2210;color:var(--amber);border:1px solid #5c4419}.b-cancelled,.b-former,.b-archived,.b-out,.b-weekly-off,.b-lead{background:#2a2c2f;color:var(--soft)}.table-wrap{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:14px}table.t th{text-align:left;font-size:12px;letter-spacing:.06em;color:var(--muted);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}table.t td{padding:10px 8px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.t tr.click{cursor:pointer}table.t tr.click:hover td{background:#1c1d20}.empty{padding:28px;text-align:center;color:var(--muted)}.alert{border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:var(--panel-2)}.alert.bad{background:var(--red-bg);border-color:#6b2a24}.alert.ok{background:var(--lime-dim);border-color:#3b4d00}.alert.warn{background:#2c2210;border-color:#5c4419}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:100%;max-width:640px;padding:22px;display:flex;flex-direction:column;gap:16px}.modal.wide{max-width:900px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;background:var(--text);color:#0b0b0c;padding:12px 18px;border-radius:10px;font-weight:600;box-shadow:0 8px 30px #00000080;max-width:calc(100vw - 32px)}.toast.err{background:var(--red)}.avatar{width:44px;height:44px;border-radius:22px;background:#2a2c2f;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:18px;flex:0 0 auto}.bars{display:flex;align-items:flex-end;gap:8px;height:220px;border-bottom:1px solid #3a3d42;padding:0 4px}.bars .m{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.bars .set{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;width:100%}.bars .bar{flex:1 1 0;width:16px;border-radius:4px 4px 0 0;min-height:2px}.bar-labels{display:flex;gap:8px;padding:6px 4px 0}.bar-labels span{flex:1 1 0;text-align:center;font-size:12px;color:var(--soft)}.swatch{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}.heat{display:flex;gap:3px;overflow-x:auto}.heat .col{display:flex;flex-direction:column;gap:3px}.heat .c{width:18px;height:18px;border-radius:3px;background:#24262a}.heat .c.on{background:var(--lime)}.heat .c.blank{background:transparent}.meter{height:10px;background:#24262a;border-radius:6px;overflow:hidden}.meter>div{height:100%;background:var(--lime);border-radius:6px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.paper{background:#fff;color:#111;border-radius:10px;padding:26px;font-size:14px}.paper h2{color:#111}.paper table{width:100%;border-collapse:collapse}.paper td{padding:6px 0;border-bottom:1px solid #e3e3df}@media print{body *{visibility:hidden!important}.print-area,.print-area *{visibility:visible!important}.print-area{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}}.site{background:var(--bg)}.wrap{max-width:1240px;margin:0 auto;padding:0 24px}.site-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding:20px 0}.site-nav .links{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.site-nav .links a{color:var(--text);text-decoration:none;font-weight:500}.hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding:50px 0 70px}.hero h1{font-size:clamp(56px,9vw,108px);line-height:.92}.strip{background:var(--lime);color:#0b0b0c}.strip .wrap{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-top:18px;padding-bottom:18px;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:.04em}.section{padding:80px 0}.section h2.big{font-size:clamp(40px,6vw,60px);font-weight:800;margin-bottom:28px}.plan-card{border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px;background:var(--panel);border:1px solid var(--line)}.plan-card.hi{background:var(--lime);color:#0b0b0c;border-color:var(--lime)}.plan-card .price{font-family:var(--display);font-weight:800;font-size:50px;line-height:1}.ph{background:#1c1d20;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--muted);text-align:center;padding:16px}.kiosk{min-height:100vh;background:#050506;display:flex;justify-content:center}.kiosk-inner{width:100%;max-width:760px;padding:28px;display:flex;flex-direction:column;gap:22px}.mirror{position:relative;border-radius:28px;overflow:hidden;background:#111214;border:3px solid var(--lime);aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center}.mirror video,.mirror img{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.mirror img.shot{transform:none}.count{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;font-size:200px;color:var(--lime);text-shadow:0 0 40px rgba(0,0,0,.6)}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:flash .5s ease-out forwards}@keyframes flash{0%{opacity:1}to{opacity:0}}.split{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start}@media (max-width: 900px){.split{grid-template-columns:1fr}}