@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}a{color:var(--primary)}a:hover{color:color-mix(in srgb, var(--primary) 75%, black)}:root{--primary:#7c5cff;--bg:#f4f5fa;--surface:#fff;--surface-2:#f8f9fc;--border:#eaecf3;--border-strong:#dde0ea;--text:#1e232f;--text-2:#59606f;--text-3:#949aa8;--radius:16px;--shadow-sm:0 1px 2px #1417280d, 0 2px 4px #14172808;--shadow-md:0 6px 20px #14172817;--shadow-lg:0 18px 50px #14172833;--soft:color-mix(in srgb, var(--primary) 10%, white);--soft-2:color-mix(in srgb, var(--primary) 16%, white);--ink:color-mix(in srgb, var(--primary) 72%, #101322)}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;line-height:1.45}#root{height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d5d8e2 padding-box content-box;border:3px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#c2c6d4 padding-box content-box}.app{grid-template-columns:var(--nav-w,264px) 1fr;--gap:13px;--card-pad:13px;height:100%;display:grid}.app[data-density=compact]{--gap:9px;--card-pad:10px}.app[data-density=comfy]{--gap:20px;--card-pad:17px}.app.nav-hidden{--nav-w:0px}.main{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.icon-btn{width:36px;height:36px;color:var(--text-2);border-radius:10px;flex-shrink:0;place-items:center;transition:all .15s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.btn{white-space:nowrap;border-radius:11px;align-items:center;gap:7px;padding:9px 15px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-sm{border-radius:9px;padding:6px 11px;font-size:12.5px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--primary) 35%, transparent)}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-ghost{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);background:#eef0f6}.btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.btn-danger:hover{background:#fee2e2}.btn-block{justify-content:center;width:100%;margin-top:4px}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.brand{align-items:center;gap:11px;padding:18px 18px 14px;display:flex}.brand-mark{color:#fff;background:linear-gradient(140deg, var(--primary), color-mix(in srgb, var(--primary) 60%, #ff8fb0));width:38px;height:38px;box-shadow:0 3px 10px color-mix(in srgb, var(--primary) 30%, transparent);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.brand-txt{flex-direction:column;line-height:1.2;display:flex}.brand-txt strong{letter-spacing:-.01em;font-size:15.5px;font-weight:800}.brand-txt span{color:var(--text-3);font-size:11.5px;font-weight:500}.nav-group{flex-direction:column;gap:2px;padding:6px 12px;display:flex}.nav-item{color:var(--text-2);border-radius:11px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:600;transition:all .14s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--soft);color:var(--ink)}.nav-item.active svg{color:var(--primary)}.nav-neworder{color:var(--text-2);border-radius:11px;align-items:center;gap:11px;padding:9px 12px;font-size:13.5px;font-weight:600;transition:all .14s;display:flex}.nav-neworder:hover{background:var(--surface-2);color:var(--text)}.nav-sep{padding:14px 20px 7px}.nav-sep span{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.nav-scroll{flex:1;padding:0 12px 10px;overflow-y:auto}.sim-head{margin-bottom:2px}.sim-head.active{background:var(--surface-2)}.sim-children{border-left:1px solid var(--border);margin:0 0 4px 14px;padding-left:8px}.div-block{margin-bottom:1px}.div-head{width:100%;color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:8px;font-size:13.5px;font-weight:600;transition:all .14s;display:flex}.div-head:hover{background:var(--surface-2)}.div-chevron{color:var(--text-3);place-items:center;transition:transform .18s;display:grid}.div-icon{border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.div-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.div-count{color:var(--text-3);background:var(--surface-2);border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.div-projects{flex-direction:column;gap:1px;padding:2px 0 6px 30px;display:flex}.proj-item{text-align:left;color:var(--text-2);border-radius:9px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;font-weight:500;transition:all .14s;display:flex}.proj-item:hover{background:var(--surface-2);color:var(--text)}.proj-item.active{background:var(--soft);color:var(--ink);font-weight:600}.proj-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.proj-add,.div-empty{color:var(--text-3);align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;display:flex}.proj-add:hover{color:var(--primary)}.side-user{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.side-user-txt{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.side-user-txt strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.side-user-txt span{color:var(--text-3);font-size:11.5px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:13px 22px;display:flex}.topbar-title{flex-direction:column;margin-right:auto;line-height:1.15;display:flex}.topbar-title h2{letter-spacing:-.02em;font-size:18px;font-weight:800}.topbar-title span{color:var(--text-3);font-size:12px;font-weight:500}.search{background:var(--surface-2);border:1px solid var(--border);width:260px;color:var(--text-3);border-radius:11px;align-items:center;gap:9px;padding:8px 13px;transition:all .15s;display:flex}.search:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft);background:#fff}.search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13.5px}.badge-dot{border:1.5px solid var(--surface);background:#f43f5e;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.user-chip{border:1px solid var(--border);background:var(--surface);border-radius:22px;align-items:center;gap:8px;padding:4px 10px 4px 4px;transition:all .12s;display:inline-flex}.user-chip:hover{background:var(--surface-2)}.uc-txt{text-align:left;flex-direction:column;line-height:1.2;display:flex}.uc-txt strong{font-size:12.5px;font-weight:700}.uc-txt span{font-size:10.5px;font-weight:700}.login{z-index:200;background:var(--bg);grid-template-columns:1.1fr 1fr;display:grid;position:fixed;inset:0}.login-hero{background:linear-gradient(150deg, var(--primary), color-mix(in srgb, var(--primary) 55%, #ff8fb0));color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex}.login-brand{align-items:center;gap:12px;display:flex}.lb-mark{background:#fff3;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.login-brand strong{font-size:18px;font-weight:800;display:block}.login-brand span{opacity:.85;font-size:12px}.login-hero-mid h1{letter-spacing:-.03em;font-size:40px;font-weight:800;line-height:1.1}.login-hero-mid p{opacity:.9;max-width:380px;margin-top:14px;font-size:15px;line-height:1.6}.login-hero-foot{opacity:.75;font-size:12px}.login-panel{place-items:center;padding:40px;display:grid;overflow-y:auto}.login-box{width:100%;max-width:380px}.login-box h2{letter-spacing:-.02em;font-size:23px;font-weight:800}.login-sub{color:var(--text-2);margin:4px 0 22px;font-size:13.5px}.login-form{flex-direction:column;gap:13px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field>span{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.login-field input{border:1px solid var(--border);background:var(--surface);border-radius:11px;outline:none;padding:11px 13px;font-size:14px}.login-field input:focus{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft)}.login-err{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:9px;padding:8px 11px;font-size:12.5px;font-weight:600}.login-btn{margin-top:4px;padding:12px;font-size:14.5px}.login-divider{color:var(--text-3);align-items:center;gap:12px;margin:22px 0 16px;font-size:11.5px;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-accounts{flex-direction:column;gap:14px;display:flex}.la-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:11px;font-weight:800}.la-row{flex-wrap:wrap;gap:8px;display:flex}.la-pick{border:1px solid var(--border);background:var(--surface);border-radius:22px;align-items:center;gap:7px;padding:5px 12px 5px 5px;font-size:12.5px;font-weight:600;transition:all .12s;display:flex}.la-pick:hover{border-color:var(--primary);background:var(--soft)}.login-hint{color:var(--text-3);text-align:center;margin-top:18px;font-size:12px}.acc-badge{white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:10.5px;font-weight:800}.ma-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ma-filters{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.ma-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.ma-card{text-align:left;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:15px;padding:16px;transition:all .14s}.ma-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.ma-card-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ma-name{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.ma-you{color:var(--ink);background:var(--soft);text-transform:uppercase;border-radius:20px;padding:1px 7px;font-size:9.5px;font-weight:800}.ma-role{color:var(--text-2);margin-top:2px;font-size:12.5px;font-weight:600}.ma-div{align-items:center;gap:5px;margin-top:8px;font-size:11.5px;font-weight:700;display:flex}.ma-tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;display:flex}.ma-tags .ma-div{margin-top:0}.ma-contact{border-top:1px solid var(--border);flex-direction:column;gap:3px;margin-top:10px;padding-top:10px;display:flex}.ma-contact span{color:var(--text-3);align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.member-modal{max-width:520px}.hr-head{margin-bottom:16px}.hr-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.hr-tab{color:var(--text-2);border-bottom:2.5px solid #0000;border-radius:10px 10px 0 0;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 15px;font-size:13.5px;font-weight:600;transition:all .14s;display:flex}.hr-tab:hover{color:var(--text);background:var(--surface-2)}.hr-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.hr-sumrow{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px;display:grid}.hr-sum{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:15px 17px;display:flex}.hr-sum-ico{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.hr-sum-val{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.hr-sum-of{color:var(--text-3);font-size:13px;font-weight:600}.hr-sum-lbl{color:var(--text-2);margin-top:4px;font-size:12px;font-weight:600}.hr-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hr-typeseg{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.hr-tbtn{color:var(--text-2);border-radius:8px;padding:7px 15px;font-size:12.5px;font-weight:600;transition:all .12s}.hr-tbtn:hover{color:var(--text)}.hr-tbtn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.hr-date{color:var(--text-3);margin-left:auto;font-size:12.5px;font-weight:600}.hr-month{letter-spacing:-.01em;text-align:center;min-width:130px;font-size:15px;font-weight:800}.hr-legend{flex-wrap:wrap;gap:12px;margin-left:auto;display:flex}.hr-lg{color:var(--text-2);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.hr-lg i{border-radius:3px;width:9px;height:9px}.hr-table-wrap{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;overflow-x:auto}.hr-table{border-collapse:collapse;width:100%;min-width:720px}.hr-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:700}.hr-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 16px;font-size:13.5px}.hr-table tr:last-child td{border-bottom:none}.ta-r{text-align:right}.hr-emp{align-items:center;gap:10px;display:flex}.hr-emp strong{font-size:13.5px;font-weight:700;display:block}.hr-emp span{color:var(--text-3);font-size:11.5px}.hr-shift{color:var(--text-2);font-size:12.5px;font-weight:600}.hr-time{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600}.hr-statsel{border:1px solid var(--border);background:var(--surface);border-radius:8px;outline:none;padding:5px 9px;font-size:12.5px;font-weight:600}.hr-statsel:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.att-badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.att-dot{border-radius:50%;width:6px;height:6px}.att-dash{color:var(--text-3);font-size:12.5px}.att-ok{color:#10b981;align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.type-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.hr-recap{border-collapse:collapse;min-width:900px;font-size:12px}.hr-recap th,.hr-recap td{border:1px solid var(--border);text-align:center}.rc-emp-h{background:var(--surface-2);z-index:2;padding:10px 14px;position:sticky;left:0;text-align:left!important}.rc-day{width:26px;color:var(--text-3);background:var(--surface-2);padding:7px 0;font-size:10.5px;font-weight:700}.rc-day.wk{color:#ef4444}.rc-tot{background:var(--surface-2);width:30px;padding:6px 4px;font-size:11.5px;font-weight:700}.rc-rate{width:44px}.rc-emp{background:var(--surface);z-index:1;white-space:nowrap;align-items:center;gap:8px;padding:8px 14px;display:flex;position:sticky;left:0;text-align:left!important}.rc-emp strong{font-size:12.5px;font-weight:700;display:block}.rc-cell{padding:3px}.rc-mark{border-radius:4px;width:15px;height:15px;margin:0 auto;display:block}@media (width<=900px){.hr-sumrow{gap:12px}}.hr-act{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.hr-proof{width:32px;height:32px;color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:9px;place-items:center;transition:all .12s;display:grid;position:relative}.hr-proof:hover{color:var(--primary);border-color:var(--primary)}.hr-proof-dot{border:1.5px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px}.hr-proof-dot.in{background:#10b981}.hr-proof-dot.out{background:#ef4444}.clockin-modal{max-width:640px}.ci-body{grid-template-columns:300px 1fr;gap:0;display:grid}.ci-cam{aspect-ratio:1;background:#0f1117;place-items:center;display:grid;position:relative;overflow:hidden}.ci-video,.ci-photo{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.ci-photo{transform:none}.ci-camerr{color:#cbd2e0;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.ci-camerr p{font-size:12.5px;line-height:1.5}.ci-camerr .btn{color:#fff;background:#ffffff1f;border:none}.ci-shutter{background:#ffffff40;border:3px solid #fff;border-radius:50%;place-items:center;width:56px;height:56px;transition:all .12s;display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.ci-shutter:hover:not(:disabled){transform:translate(-50%)scale(1.06)}.ci-shutter:disabled{opacity:.4;cursor:default}.ci-shutter span{background:#fff;border-radius:50%;width:40px;height:40px}.ci-retake{color:#fff;background:#0f1117cc;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.ci-side{flex-direction:column;gap:14px;padding:18px;display:flex}.ci-loc-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.ci-loc-busy,.ci-loc-err{color:var(--text-3);background:var(--surface-2);border-radius:10px;padding:12px;font-size:13px}.ci-loc-err{color:#dc2626;background:#fef2f2}.ci-loc-box{border:1px solid var(--border);border-radius:12px;padding:12px 14px}.ci-loc-box.in{background:#ecfdf5;border-color:#a7f3d0}.ci-loc-box.out{background:#fef2f2;border-color:#fca5a5}.ci-loc-status{align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:flex}.ci-loc-box.in .ci-loc-status{color:#059669}.ci-loc-box.out .ci-loc-status{color:#dc2626}.ci-loc-meta{color:var(--text-2);margin-top:5px;font-size:11.5px}.ci-loc-coord{color:var(--text-3);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:11px}.ci-map{background-color:#0000;background-image:linear-gradient(#6366f11f 1px,#0000 1px),linear-gradient(90deg,#6366f11f 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:18px 18px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:9px;height:78px;margin-top:10px;position:relative;overflow:hidden}.ci-map-pin{color:#ef4444;z-index:2;position:absolute;transform:translate(-50%,-100%)}.ci-loc-box.in .ci-map-pin{color:#059669}.ci-map-ring{opacity:.6;border:2px dashed;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ci-note{color:var(--text-3);font-size:11.5px;line-height:1.5}.ci-hint{color:var(--text-3);text-align:center;font-size:11.5px}.ci-kv{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:8px;font-size:13px;display:flex}.ci-kv span{color:var(--text-2);font-weight:600}@media (width<=620px){.ci-body{grid-template-columns:1fr}.ci-cam{aspect-ratio:4/3}}.pay-head{margin-bottom:16px}.pay-sum{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px;display:grid}.pay-s{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:16px 18px}.pay-s.hl{background:var(--soft);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.pay-s-l{color:var(--text-2);font-size:12.5px;font-weight:600;display:block}.pay-s-v{letter-spacing:-.02em;margin-top:5px;font-size:22px;font-weight:800;display:block}.pay-table{min-width:820px}.pay-num{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600}.pay-netto{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.slip-actions{gap:10px;margin-bottom:16px;display:flex}.slip{background:var(--surface);border:1px solid var(--border-strong);max-width:720px;box-shadow:var(--shadow-sm);border-radius:14px;margin:0 auto;padding:26px}.slip-head{border-bottom:2px solid var(--text);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.slip-brand{align-items:center;gap:11px;display:flex}.slip-brand .m{color:#fff;background:#111418;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.slip-brand strong{letter-spacing:.02em;font-size:16px;font-weight:800;display:block}.slip-brand span{color:var(--text-3);font-size:11.5px}.slip-period{text-align:right}.slip-period b{letter-spacing:.05em;color:var(--text-3);font-size:10px;font-weight:700;display:block}.slip-period span{font-size:15px;font-weight:800}.slip-emp{grid-template-columns:1fr 1fr 1fr;gap:10px 20px;margin-bottom:18px;display:grid}.slip-emp>div{flex-direction:column;display:flex}.sl-l{color:var(--text-3);text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:600}.sl-v{margin-top:1px;font-size:13.5px;font-weight:700}.slip-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.slip-col{border:1px solid var(--border);border-radius:11px;overflow:hidden}.slip-col-h{letter-spacing:.05em;color:#fff;padding:8px 12px;font-size:11px;font-weight:800}.slip-col-h.earn{background:#10b981}.slip-col-h.ded{background:#ef4444}.slip-line{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:12.5px;display:flex}.slip-line span{color:var(--text-2)}.slip-line b{font-family:JetBrains Mono,monospace;font-weight:600}.slip-line.total{background:var(--surface-2);font-weight:800}.slip-line.total span{color:var(--text);font-weight:800}.slip-line.total b{font-weight:800}.slip-netto{background:var(--text);color:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 20px;display:flex}.slip-netto span{letter-spacing:.03em;font-size:13px;font-weight:700}.slip-netto b{letter-spacing:-.01em;font-size:22px;font-weight:800}.slip-foot{justify-content:space-between;gap:40px;margin-top:28px;display:flex}.slip-sign{color:var(--text-2);flex-direction:column;flex:1;align-items:center;gap:4px;font-size:12px;display:flex}.sign-line{border-bottom:1px solid var(--text-3);width:100%;height:40px}@media (width<=620px){.slip-emp{grid-template-columns:1fr 1fr}.slip-cols{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.slip-actions,.no-print{display:none!important}.app{grid-template-columns:1fr!important;height:auto!important}html,body,#root,.main,.content,.pad-view{height:auto!important;overflow:visible!important}.slip{box-shadow:none;border:none;max-width:100%}}.member-modal-body{padding:20px 22px 22px;overflow-y:auto}.mm-head{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.mm-av{color:#fff;border-radius:16px;place-items:center;width:58px;height:58px;font-size:20px;font-weight:800;display:grid}.mm-photo-wrap{flex-shrink:0;position:relative}.mm-photo-edit{background:var(--primary);color:#fff;cursor:pointer;width:24px;height:24px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.mm-photo-edit:hover{background:color-mix(in srgb, var(--primary) 80%, black)}.mm-photo-remove{color:#fff;width:19px;height:19px;box-shadow:0 0 0 2px var(--surface);background:#ef4444;border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;left:-4px}.mm-photo-remove:hover{background:#dc2626}.mm-name{letter-spacing:-.02em;font-size:18px;font-weight:800}.mm-role{color:var(--text-2);margin:1px 0 6px;font-size:13px}.mm-fields{grid-template-columns:1fr 1fr;gap:13px;display:grid}.mm-f{flex-direction:column;gap:5px;display:flex}.mm-f span{color:var(--text-2);font-size:11.5px;font-weight:700}.mm-f input,.mm-f select{border:1px solid var(--border);background:var(--surface);border-radius:10px;outline:none;padding:9px 11px;font-size:13.5px;font-weight:500}.mm-f input:disabled,.mm-f select:disabled{background:var(--surface-2);color:var(--text-2)}.mm-f input:focus,.mm-f select:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.mm-access-desc{color:var(--text-3);margin-top:12px;font-size:12px}.mm-badges{flex-wrap:wrap;gap:6px;display:flex}.mm-section{text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);border-bottom:1px solid var(--border);margin:20px 0 11px;padding-bottom:7px;font-size:11px;font-weight:800}.mm-f.full{grid-column:1/-1}.mm-f textarea{border:1px solid var(--border);background:var(--surface);resize:vertical;border-radius:10px;outline:none;min-height:62px;padding:9px 11px;font-family:inherit;font-size:13.5px;font-weight:500}.mm-f textarea:disabled{background:var(--surface-2);color:var(--text-2)}.mm-f textarea:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.mm-actions{align-items:center;gap:8px;margin-top:18px;display:flex}@media (width<=640px){.login{grid-template-columns:1fr}.login-hero{display:none}.mm-fields{grid-template-columns:1fr}}.role-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.role-btn{color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.role-btn:hover{color:var(--text)}.role-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.role-btn.on svg{color:var(--primary)}.role-note{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;align-items:center;gap:6px;padding:8px 13px;font-size:12.5px;font-weight:600;display:inline-flex}@media (width<=720px){.role-btn span,.role-switch .role-btn{font-size:0}.role-btn svg{margin:0}}.project-view{flex-direction:column;flex:1;min-height:0;display:flex}.proj-header{flex-shrink:0;padding:20px 24px 0}.proj-title-row{align-items:center;gap:14px;display:flex}.proj-emblem{border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.proj-crumb{color:var(--accent);letter-spacing:.01em;font-size:12px;font-weight:700}.proj-title-row h1{letter-spacing:-.02em;font-size:23px;font-weight:800}.proj-members{align-items:center;gap:12px;margin-left:auto;display:flex}.proj-desc{color:var(--text-2);max-width:640px;margin:12px 0 0;font-size:13.5px}.proj-tabs{border-bottom:1px solid var(--border);gap:4px;margin-top:16px;display:flex}.proj-tab{color:var(--text-2);border-bottom:2.5px solid #0000;border-radius:10px 10px 0 0;align-items:center;gap:7px;margin-bottom:-1px;padding:10px 14px;font-size:13.5px;font-weight:600;transition:all .14s;display:flex}.proj-tab:hover{color:var(--text);background:var(--surface-2)}.proj-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.board{flex:1;align-items:flex-start;gap:16px;min-height:0;padding:20px 24px;display:flex;overflow:auto hidden}.column{background:var(--surface-2);border:1px solid var(--border);border-radius:15px;flex-direction:column;width:306px;min-width:306px;max-height:100%;transition:all .15s;display:flex}.column.over{background:var(--soft);border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.col-head{flex-shrink:0;align-items:center;gap:9px;padding:13px 14px 10px;display:flex;position:relative}.col-dot{border-radius:50%;width:9px;height:9px}.col-head h3{letter-spacing:-.01em;font-size:13.5px;font-weight:700}.col-count{color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:1px 8px;font-size:11.5px;font-weight:700}.col-add{width:26px;height:26px;color:var(--text-3);border-radius:8px;place-items:center;margin-left:auto;display:grid}.col-add:hover{background:var(--surface);color:var(--primary)}.col-body{gap:var(--gap);flex-direction:column;flex:1;padding:4px 10px 10px;display:flex;overflow-y:auto}.card{background:var(--surface);border:1px solid var(--border);padding:var(--card-pad);padding-left:calc(var(--card-pad) + 4px);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:13px;transition:all .14s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.card.dragging{opacity:.4}.card-accent{background:var(--accent);width:4px;position:absolute;top:0;bottom:0;left:0}.card-labels{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.card-title{letter-spacing:-.01em;text-wrap:pretty;font-size:13.8px;font-weight:600;line-height:1.35}.card-desc{color:var(--text-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-check{color:var(--text-3);align-items:center;gap:8px;margin-top:10px;display:flex}.card-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:11px;display:flex}.card-foot-l{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.card-foot-r{align-items:center;gap:9px;display:flex}.card-id{color:var(--text-3);font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600}.meta{color:var(--text-3);align-items:center;gap:3px;font-size:11.5px;font-weight:600;display:flex}.col-add-full{color:var(--text-3);border:1.5px dashed var(--border-strong);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:12.5px;font-weight:600;transition:all .14s;display:flex}.col-add-full:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface)}.add-card{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);border-radius:12px;padding:10px}.add-card textarea{resize:none;border:none;outline:none;width:100%;min-height:46px;font-size:13.5px}.add-card-actions{gap:7px;margin-top:6px;display:flex}.drop-line{background:var(--primary);height:3px;box-shadow:0 0 8px color-mix(in srgb, var(--primary) 55%, transparent);border-radius:3px;margin:2px 0}.col-rename{border:1px solid var(--primary);min-width:0;box-shadow:0 0 0 3px var(--soft);border-radius:7px;outline:none;flex:1;padding:3px 7px;font-size:13.5px;font-weight:700}.menu-backdrop{z-index:40;position:fixed;inset:0}.col-menu-pop{z-index:41;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;min-width:158px;padding:5px;display:flex;position:absolute;top:40px;right:8px}.col-menu-pop button{color:var(--text-2);text-align:left;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.col-menu-pop button:hover{background:var(--surface-2);color:var(--text)}.col-menu-pop button.danger{color:#dc2626}.col-menu-pop button.danger:hover{background:#fee2e2}.add-column{flex-shrink:0;width:264px;min-width:264px}.add-column-btn{border:1.5px dashed var(--border-strong);width:100%;color:var(--text-3);background:0 0;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.add-column-btn:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface)}.add-column-form{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);border-radius:15px;padding:12px}.add-column-form>input{border:1px solid var(--border);border-radius:9px;outline:none;width:100%;padding:9px 11px;font-size:13.5px;font-weight:600}.board-readonly-note{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);white-space:nowrap;border-radius:20px;flex-shrink:0;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:12.5px;font-weight:600;display:flex}.inv-list{flex-direction:column;gap:10px;display:flex}.inv-row{border:1px solid var(--border);background:var(--surface);border-radius:13px;align-items:center;gap:12px;padding:13px 16px;display:flex}.inv-row.muted{opacity:.7}.inv-ico{background:var(--primary-tint,color-mix(in srgb, var(--primary) 14%, transparent));width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inv-row-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.inv-row-txt strong{font-size:14px}.inv-row-txt span{color:var(--text-3);font-size:12.5px}.inv-badge{border-radius:20px;flex-shrink:0;padding:4px 11px;font-size:12px;font-weight:700}.inv-badge.pending{color:#f59e0b;background:#f59e0b18}.inv-badge.accepted{color:#10b981;background:#10b98118}.inv-badge.revoked{color:#ef4444;background:#ef444418}.inv-row-acts{flex-shrink:0;gap:6px;display:flex}.inv-email-preview{border:1px solid var(--border);border-radius:13px;margin:4px 20px 14px;overflow:hidden}.inv-email-meta{border-bottom:1px solid var(--border);color:var(--text-3);gap:8px;padding:8px 16px;font-size:12.5px;display:flex}.inv-email-meta span{min-width:52px}.inv-email-subject{padding:12px 16px 0;font-size:14.5px;font-weight:700}.inv-email-body{color:var(--text-2);padding:10px 16px 18px;font-size:13.5px;line-height:1.6}.inv-email-btn{background:var(--primary);color:#fff;border-radius:9px;margin:10px 0 6px;padding:10px 20px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-block}.inv-email-sub{color:var(--text-3);font-size:12px}.inv-link-row{gap:8px;margin:0 20px 10px;display:flex}.inv-link-row input{border:1px solid var(--border);color:var(--text-2);background:var(--surface-2);border-radius:9px;flex:1;padding:9px 11px;font-size:12.5px}.inv-note{color:var(--text-3);align-items:center;gap:7px;margin:0 20px 18px;font-size:12px;display:flex}.add-column-form>input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.add-column-form .add-card-actions{margin-top:8px}.avatar{color:#fff;letter-spacing:-.02em;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar-stack{align-items:center;display:flex}.avatar-extra{color:var(--text-2);background:#e6e8ef}.label-chip{letter-spacing:.01em;border-radius:6px;padding:2.5px 8px;font-size:11px;font-weight:700}.prio{border-radius:6px;align-items:center;gap:5px;padding:2.5px 7px 2.5px 6px;font-size:11px;font-weight:700;display:inline-flex}.prio-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.due{color:var(--text-2);background:var(--surface-2);border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.due-today{color:#b45309;background:#fef3c7}.due-soon{color:#c2410c;background:#ffedd5}.due-overdue{color:#dc2626;background:#fee2e2}.prog{flex:1;align-items:center;gap:8px;display:flex}.prog-bar{background:var(--border);border-radius:20px;flex:1;min-width:40px;height:6px;overflow:hidden}.prog-fill{border-radius:20px;height:100%;transition:width .3s}.prog-txt{color:var(--text-3);font-size:11px;font-weight:700}.modal-scrim{z-index:100;background:#171a2880;place-items:center;padding:24px;animation:.18s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;animation:.22s cubic-bezier(.2,.9,.3,1.2) pop;display:flex;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}}.modal-top{border-bottom:1px solid var(--border);align-items:center;padding:16px 18px;display:flex}.modal-crumb{color:var(--text-2);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.crumb-dot{border-radius:50%;width:9px;height:9px}.modal-id{color:var(--text-3);background:var(--surface-2);border-radius:6px;margin-left:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.modal-top .icon-btn{margin-left:auto}.modal-body{grid-template-columns:1fr 268px;min-height:0;display:grid;overflow:hidden}.modal-main{padding:22px 24px;overflow-y:auto}.modal-side{background:var(--surface-2);border-left:1px solid var(--border);flex-direction:column;gap:18px;padding:20px;display:flex;overflow-y:auto}.task-title-input{resize:none;letter-spacing:-.02em;background:0 0;border:none;outline:none;width:100%;font-size:21px;font-weight:800;line-height:1.3;overflow:hidden}.field{margin-top:22px}.field>label,.check-head label{color:var(--text-2);align-items:center;gap:7px;margin-bottom:9px;font-size:12.5px;font-weight:700;display:flex}.task-desc-input{border:1px solid var(--border);resize:vertical;background:var(--surface-2);border-radius:11px;outline:none;width:100%;min-height:70px;padding:11px 13px;font-size:13.5px;line-height:1.5;transition:all .15s}.task-desc-input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft);background:#fff}.check-head{align-items:center;gap:14px;margin-bottom:10px;display:flex}.check-head label{white-space:nowrap;margin-bottom:0}.checklist{flex-direction:column;gap:3px;display:flex}.check-item{border-radius:9px;align-items:center;gap:10px;padding:6px 8px;transition:all .12s;display:flex}.check-item:hover{background:var(--surface-2)}.check-item span{flex:1;font-size:13.5px}.check-item span.done{color:var(--text-3);text-decoration:line-through}.check-box{border:2px solid var(--border-strong);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;transition:all .14s;display:grid}.check-box.on{background:var(--accent);border-color:var(--accent)}.check-del{color:var(--text-3);opacity:0;border-radius:6px;place-items:center;padding:3px;display:grid}.check-item:hover .check-del,.assignee-row:hover .check-del{opacity:1}.check-del:hover{color:#dc2626;background:#fee2e2}.check-add{gap:8px;margin-top:8px;display:flex}.check-add input{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;outline:none;flex:1;padding:8px 11px;font-size:13px}.check-add input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));background:#fff}.comment-box{align-items:center;gap:9px;display:flex}.comment-box input{border:1px solid var(--border);background:var(--surface-2);border-radius:20px;outline:none;flex:1;padding:9px 14px;font-size:13.5px}.comment-box input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft);background:#fff}.thread{flex-direction:column;gap:14px;margin-top:14px;display:flex}.thread-item{gap:10px;display:flex}.thread-item strong{font-size:13px;font-weight:700}.thread-at{color:var(--text-3);font-size:11.5px}.thread-item p{color:var(--text);margin-top:2px;font-size:13.5px}.thread-empty{color:var(--text-3);font-size:13px}.side-field{flex-direction:column;gap:8px;display:flex}.side-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);font-size:11.5px;font-weight:700}.side-label-row{justify-content:space-between;align-items:center;display:flex}.tiny-btn{background:var(--surface);border:1px solid var(--border);width:22px;height:22px;color:var(--text-2);border-radius:7px;place-items:center;display:grid}.tiny-btn:hover{color:var(--primary);border-color:var(--primary)}.mini-select{border:1px solid var(--border);background:var(--surface);border-radius:10px;outline:none;width:100%;padding:9px 11px;font-size:13px;font-weight:600}.mini-select:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.prio-pick,.label-pick{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.prio-pick:hover,.label-pick:hover{border-color:var(--border-strong)}.assignee-list{flex-direction:column;gap:4px;display:flex}.assignee-row{border-radius:9px;align-items:center;gap:9px;padding:4px;display:flex}.assignee-row span{flex:1;font-size:13px;font-weight:500}.muted-sm{color:var(--text-3);font-size:12.5px}.assign-picker{border:1px solid var(--border);background:var(--surface);border-radius:11px;max-height:220px;margin-top:6px;overflow:hidden auto}.assign-opt{text-align:left;align-items:center;gap:9px;width:100%;padding:8px 11px;font-size:13px;font-weight:500;display:flex}.assign-opt:hover{background:var(--surface-2)}.assign-opt.on{color:var(--ink);font-weight:600}.assign-opt svg{color:var(--primary);margin-left:auto}.calendar{flex-direction:column;height:100%;display:flex}.cal-top{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.cal-title h2{letter-spacing:-.02em;font-size:20px;font-weight:800}.cal-nav{align-items:center;gap:6px;display:flex}.cal-legend{gap:16px;margin-left:auto;display:flex}.lg{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.lg-dot{border-radius:50%;width:9px;height:9px}.lg-sq{background:var(--text-3);border-radius:3px;width:10px;height:10px}.cal-grid{grid-template-columns:repeat(7,1fr);display:grid}.cal-dow-cell{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;padding:8px;font-size:11.5px;font-weight:700}.cal-body{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex:1;overflow:hidden}.cal-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;min-height:104px;padding:7px;display:flex}.cal-cell.weekend{background:var(--surface-2)}.cal-cell.empty{background:#fbfcfe}.cal-date{color:var(--text-2);border-radius:8px;place-items:center;width:25px;height:25px;font-size:12.5px;font-weight:700;display:grid}.cal-cell.today .cal-date{background:var(--primary);color:#fff}.cal-date-row{justify-content:space-between;align-items:center;display:flex}.cal-quick-add{width:20px;height:20px;color:var(--text-3);opacity:0;border-radius:6px;flex-shrink:0;place-items:center;transition:all .12s;display:grid}.cal-cell:hover .cal-quick-add{opacity:1}.cal-quick-add:hover{background:var(--primary);color:#fff}.sch-peserta-wrap{position:relative}.sch-peserta-btn{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-2);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;font-size:13px;display:flex}.sch-peserta-ph{color:var(--text-3)}.sch-peserta-chips{align-items:center;gap:8px;font-weight:600;display:flex}.sch-peserta-pop{z-index:20;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0}.sch-peserta-search{border:1px solid var(--border);border-radius:8px;outline:none;width:100%;margin-bottom:6px;padding:7px 10px;font-size:12.5px}.sch-peserta-list{flex-direction:column;gap:2px;max-height:200px;display:flex;overflow-y:auto}.sch-peserta-row{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px;font-size:12.5px;display:flex}.sch-peserta-row:hover{background:var(--surface-2)}.sch-peserta-name{flex-direction:column;display:flex}.sch-peserta-name span{color:var(--text-3);font-size:11px}.sch-detail-row{color:var(--text-2);align-items:flex-start;gap:7px;margin:0 0 8px;font-size:13px;display:flex}.sch-detail-row a{color:var(--primary);word-break:break-all}.cal-items{flex-direction:column;gap:3px;display:flex;overflow:hidden}.cal-item{text-align:left;border-radius:7px;align-items:center;gap:5px;padding:3px 6px;font-size:11.5px;font-weight:600;transition:all .12s;display:flex}.cal-item.task{background:color-mix(in srgb, var(--c) 12%, white);color:color-mix(in srgb, var(--c) 70%, #101322)}.cal-item.event{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.cal-item.task:hover{filter:brightness(.96)}.cal-item-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.cal-time{color:var(--c);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.cal-item-txt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cal-more{color:var(--text-3);padding-left:6px;font-size:10.5px;font-weight:600}.pad-view{flex:1;padding:24px;overflow-y:auto}.sec-title{letter-spacing:-.01em;margin-bottom:14px;font-size:15px;font-weight:800}.page-title{letter-spacing:-.02em;font-size:24px;font-weight:800}.page-sub{color:var(--text-2);margin:4px 0 22px}.empty-note{text-align:center;color:var(--text-3);background:var(--surface-2);border-radius:12px;padding:28px;font-size:13.5px}.member-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.member-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.member-card.ghost{background:var(--surface-2);box-shadow:none}.member-card>div{flex-direction:column;flex:1;min-width:0;display:flex}.member-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.member-card span{color:var(--text-3);font-size:12px}.div-tag{white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:10.5px;font-weight:700}.doc-drop{border:1.5px dashed var(--border-strong);background:var(--surface-2);color:var(--text-3);border-radius:14px;align-items:center;gap:14px;margin-bottom:22px;padding:18px 20px;display:flex}.doc-drop>div{flex-direction:column;flex:1;display:flex}.doc-drop strong{color:var(--text);font-size:13.5px;font-weight:700}.doc-drop span{font-size:12px}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.doc-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:14px;padding:14px;transition:all .14s}.doc-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.doc-thumb{height:84px;color:var(--c);background:color-mix(in srgb, var(--c) 10%, white);border-radius:10px;place-items:center;margin-bottom:11px;display:grid;position:relative}.doc-ext{color:var(--c);background:color-mix(in srgb, var(--c) 18%, white);border-radius:5px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:700;position:absolute;bottom:7px;right:8px}.doc-name{word-break:break-word;margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.35}.doc-meta{color:var(--text-3);align-items:center;gap:8px;font-size:11.5px;font-weight:500;display:flex}.home-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.home-hero h1{letter-spacing:-.02em;font-size:25px;font-weight:800}.home-hero p{color:var(--text-2);margin-top:4px}.period-filter{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.period-seg{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.period-btn{color:var(--text-2);white-space:nowrap;border-radius:8px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .12s}.period-btn:hover{color:var(--text)}.period-btn.on{background:var(--primary);color:#fff}.mkt-period{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mkt-period-lbl{color:var(--text-3);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.imp-modal{max-width:760px}.imp-drop{text-align:center;border:1.5px dashed var(--border-strong);cursor:pointer;color:var(--text-3);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:34px 20px;transition:all .14s;display:flex}.imp-drop:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface-2);color:var(--primary)}.imp-drop strong{color:var(--text);font-size:14.5px}.imp-drop span{font-size:12.5px}.imp-err{color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:9px;align-items:center;gap:7px;margin-top:10px;padding:8px 11px;font-size:12.5px;font-weight:600;display:flex}.imp-file{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.imp-maphead{letter-spacing:-.01em;margin:16px 0 9px;font-size:12.5px;font-weight:800}.imp-maphead span{color:var(--text-3);margin-left:8px;font-weight:500}.imp-mode{color:var(--text-2);gap:18px;margin-top:12px;font-size:12.5px;font-weight:600;display:flex}.imp-mode label{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.meta-badge{vertical-align:middle;color:#1877f2;letter-spacing:0;background:#1877f215;border:1px solid #1877f233;border-radius:20px;align-items:center;gap:6px;margin-left:9px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.meta-dot{background:#1877f2;border-radius:50%;width:7px;height:7px}.geo-split{flex-direction:column;gap:14px;display:flex}.gsp-bar{background:var(--surface-2);border-radius:20px;height:16px;display:flex;overflow:hidden}.gsp-seg{height:100%;transition:width .3s}.gsp-seg.nas{background:var(--primary)}.gsp-seg.intl{background:#f59e0b}.gsp-legend{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.gsp-item{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex}.gsp-dot{border-radius:50%;flex:none;width:11px;height:11px}.gsp-dot.nas{background:var(--primary)}.gsp-dot.intl{background:#f59e0b}.gsp-txt{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gsp-txt b{font-size:13.5px;font-weight:700}.gsp-txt span{color:var(--text-3);font-size:11.5px;font-weight:500}.gsp-pct{letter-spacing:-.02em;font-size:22px;font-weight:800}.gsp-countries{flex-wrap:wrap;gap:8px;display:flex}.gsp-country{background:var(--surface-2);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;display:inline-flex}.gsp-country b{font-weight:700}.gsp-country em{color:var(--text-3);font-style:normal}.gsp-note{color:var(--text-3);background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:12.5px}.period-custom{color:var(--text-3);align-items:center;gap:7px;font-size:12px;display:inline-flex}.period-custom input{border:1px solid var(--border);background:var(--surface);border-radius:9px;outline:none;padding:6px 10px;font-size:12.5px;font-weight:600}.period-custom input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}@media (width<=640px){.period-filter{align-items:stretch;width:100%}.period-seg{flex-wrap:wrap}}.stat-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:15px;padding:16px 18px}.stat-icon{border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:12px;display:grid}.stat-num{letter-spacing:-.02em;font-size:27px;font-weight:800;line-height:1}.stat-label{color:var(--text-2);margin-top:5px;font-size:12.5px;font-weight:600}.home-cols{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.home-panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:18px 20px}.panel-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.panel-head h2{letter-spacing:-.01em;font-size:15px;font-weight:800}.panel-count{color:var(--text-3);background:var(--surface-2);border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:700}.panel-sub{color:var(--text-3);margin-left:auto;font-size:12px;font-weight:600}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi-row-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.kpi-row-7{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.kpi-row-7 .pd-kpi.compact{border-radius:13px;padding:12px 13px}.kpi-row-7 .compact .kpi-top{margin-bottom:9px}.kpi-row-7 .compact .kpi-ico{border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.kpi-row-7 .compact .kpi-val{font-size:18px}.kpi-row-7 .compact .kpi-label{margin-top:4px;font-size:11.5px}.kpi-row-7 .compact .kpi-sub{margin-top:2px;font-size:10.5px}.kpi{text-align:left;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:15px;padding:16px 18px;transition:all .14s}.kpi:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.kpi-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-ico{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.kpi-trend{border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.kpi-trend.up{color:#10b981;background:#10b98118}.kpi-trend.down{color:#ef4444;background:#ef444418}.kpi-val{letter-spacing:-.02em;font-size:24px;font-weight:800;line-height:1.05}.kpi-label{color:var(--text-2);margin-top:5px;font-size:12.5px;font-weight:700}.kpi-sub{color:var(--text-3);margin-top:3px;font-size:11.5px;font-weight:500}.home .dash-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.home .dash-grid:last-child{margin-bottom:0}.home .dash-main{grid-template-columns:2fr 1fr}.home .dash-1col{grid-template-columns:1fr}.home .home-panel{flex-direction:column;display:flex}.home .home-panel>:last-child{margin-bottom:0}.adminrev{flex-direction:column;gap:12px;display:flex}.ar-row{cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:4px;transition:all .12s;display:flex}.ar-row:hover{background:var(--surface-2)}.ar-av{flex-shrink:0}.ar-mid{flex:1;min-width:0}.ar-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.ar-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.ar-val{white-space:nowrap;font-size:13px;font-weight:800}.ar-track{background:var(--surface-2);border-radius:20px;height:9px;overflow:hidden}.ar-fill{border-radius:20px;height:100%;transition:width .5s}.ar-sub{color:var(--text-3);margin-top:4px;font-size:11px;font-weight:500}.lead-wrap{grid-template-columns:160px 1fr;align-items:center;gap:20px;display:grid}.lead-hero{background:var(--surface-2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:14px;display:flex}.lead-big{letter-spacing:-.03em;color:var(--primary);align-items:baseline;gap:6px;font-size:42px;font-weight:800;line-height:1;display:flex}.lead-big span{color:var(--text-3);font-size:15px;font-weight:700}.lead-cap{color:var(--text-3);text-align:center;font-size:11.5px;font-weight:600}.lead-bars{flex-direction:column;gap:11px;display:flex}.lead-row{grid-template-columns:110px 1fr auto auto;align-items:center;gap:12px;display:grid}.lead-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.lead-track{background:var(--surface-2);border-radius:20px;height:12px;overflow:hidden}.lead-fill{border-radius:20px;height:100%;transition:width .5s}.lead-val{white-space:nowrap;font-size:12.5px;font-weight:800}.lead-n{color:var(--text-3);text-align:right;white-space:nowrap;width:56px;font-size:11px;font-weight:600}@media (width<=640px){.lead-wrap{grid-template-columns:1fr}.lead-row{grid-template-columns:84px 1fr auto}.lead-n{display:none}}.geo-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.geo-btn{color:var(--text-2);border-radius:7px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .12s}.geo-btn:hover{color:var(--text)}.geo-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.geo-list{flex-direction:column;gap:11px;display:flex}.geo-row{grid-template-columns:180px 1fr auto 40px auto;align-items:center;gap:12px;display:grid}.geo-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.geo-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.geo-track{background:var(--surface-2);border-radius:20px;height:12px;overflow:hidden}.geo-fill{border-radius:20px;height:100%;transition:width .5s}.geo-val{white-space:nowrap;font-size:12.5px;font-weight:800}.geo-pct{color:var(--text-2);text-align:right;font-size:11.5px;font-weight:700}.geo-n{color:var(--text-3);white-space:nowrap;text-align:right;width:130px;font-size:11px;font-weight:600}@media (width<=720px){.geo-row{grid-template-columns:120px 1fr auto}.geo-pct,.geo-n{display:none}}.rc-wrap{grid-template-columns:180px 1fr;align-items:center;gap:24px;display:grid}.rc-hero{flex-direction:column;align-items:center;gap:14px;display:flex}.rc-ring{border-radius:50%;place-items:center;width:130px;height:130px;display:grid}.rc-ring-in{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:96px;height:96px;display:flex}.rc-ring-in strong{letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:800}.rc-ring-in span{color:var(--text-3);font-size:11px;font-weight:600}.rc-legend{gap:16px;display:flex}.rc-lg{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.rc-lg i{border-radius:3px;width:10px;height:10px}.rc-lg b{color:var(--text)}.rc-list{flex-direction:column;gap:9px;display:flex}.rc-list-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-bottom:2px;font-size:11.5px;font-weight:800}.rc-row{grid-template-columns:1fr auto 120px auto;align-items:center;gap:12px;display:grid}.rc-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.rc-badge{color:var(--ink);background:var(--soft);white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:10.5px;font-weight:700}.rc-track{background:var(--surface-2);border-radius:20px;height:10px;overflow:hidden}.rc-fill{background:var(--primary);border-radius:20px;height:100%;transition:width .5s}.rc-val{white-space:nowrap;text-align:right;font-size:12px;font-weight:800}@media (width<=640px){.rc-wrap{grid-template-columns:1fr}.rc-row{grid-template-columns:1fr auto auto}.rc-track{display:none}}.top-prod{flex-direction:column;gap:10px;display:flex}.tp-row{grid-template-columns:22px 130px 1fr auto auto;align-items:center;gap:12px;display:grid}.tp-rank{width:22px;height:22px;color:var(--text-2);background:var(--surface-2);border-radius:7px;place-items:center;font-size:11px;font-weight:800;display:grid}.tp-row:first-child .tp-rank{background:color-mix(in srgb, var(--primary) 16%, white);color:var(--ink)}.tp-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.tp-track{background:var(--surface-2);border-radius:20px;height:12px;overflow:hidden}.tp-fill{border-radius:20px;height:100%;transition:width .5s}.tp-pcs{white-space:nowrap;font-size:12.5px;font-weight:800}.tp-rev{color:var(--text-3);white-space:nowrap;text-align:right;width:72px;font-size:11.5px;font-weight:600}@media (width<=560px){.tp-row{grid-template-columns:20px 92px 1fr auto}.tp-rev{display:none}}.rev-chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:10px;height:158px;padding:4px 0 0;display:grid}.rev-bar-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.rev-bar-val{color:var(--text-3);white-space:nowrap;font-size:9.5px;font-weight:700}.rev-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.rev-bar{background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 55%, #9db4ff));border-radius:8px 8px 3px 3px;width:100%;max-width:46px;min-height:3px;margin:0 auto;transition:height .5s}.rev-bar-lbl{color:var(--text-2);font-size:11px;font-weight:700}.seg-head,.agenda-mini-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-top:1px solid var(--border);margin:20px 0 12px;padding-top:16px;font-size:12px;font-weight:800}.seg-list{flex-direction:column;gap:11px;display:flex}.seg-row{grid-template-columns:120px 1fr auto auto;align-items:center;gap:12px;display:grid}.seg-name{align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.seg-dot{border-radius:3px;width:9px;height:9px}.seg-track{background:var(--border);border-radius:20px;height:9px;overflow:hidden}.seg-fill{border-radius:20px;height:100%;transition:width .5s}.seg-val{white-space:nowrap;font-size:12.5px;font-weight:800}.seg-n{color:var(--text-3);white-space:nowrap;text-align:right;width:56px;font-size:11px;font-weight:600}.funnel-row{text-align:left;grid-template-columns:96px 1fr 24px;align-items:center;gap:10px;width:100%;padding:3px 0;display:grid}.funnel-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.funnel-track{background:var(--surface-2);border-radius:6px;height:20px;overflow:hidden}.funnel-fill{border-radius:6px;min-width:4px;height:100%;transition:width .5s}.funnel-n{text-align:right;font-size:12px;font-weight:800}.funnel-row:hover .funnel-name{color:var(--text)}.attn{flex-direction:column;gap:8px;display:flex}.attn-item{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;align-items:center;gap:11px;padding:10px 12px;display:flex}.attn-item.danger{background:#fef2f2;border-color:#fca5a5}.attn-item.warn{background:#fffbeb;border-color:#fde68a}.attn-ico{background:var(--surface);width:30px;height:30px;color:var(--text-2);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.attn-item.danger .attn-ico{color:#dc2626}.attn-item.warn .attn-ico{color:#d97706}.attn-item.ok .attn-ico{color:#10b981}.attn-txt{flex-direction:column;flex:1;line-height:1.3;display:flex}.attn-txt strong{font-size:13px;font-weight:700}.attn-txt span{color:var(--text-3);font-size:11.5px}.attn-go{width:26px;height:26px;color:var(--text-3);border-radius:8px;place-items:center;display:grid}.attn-go:hover{background:var(--surface);color:var(--primary)}@media (width<=980px){.dash-grid,.home .dash-grid,.home .dash-main{grid-template-columns:1fr}.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.kpi-row{grid-template-columns:1fr 1fr;gap:10px}.rev-chart{gap:5px}.seg-row{grid-template-columns:90px 1fr auto}.seg-n{display:none}}.dp-row{align-items:center;gap:11px;display:flex}.dp-icon{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.dp-name{width:118px;font-size:13px;font-weight:600}.dp-track{background:var(--border);border-radius:20px;flex:1;height:8px;overflow:hidden}.dp-fill{border-radius:20px;height:100%;transition:width .5s}.dp-pct{color:var(--text-2);text-align:right;width:34px;font-size:12px;font-weight:700}.agenda{flex-direction:column;gap:11px;display:flex}.agenda-item{align-items:center;gap:12px;display:flex}.agenda-date{border-radius:11px;flex-shrink:0;place-items:center;width:44px;height:44px;line-height:1;display:grid}.agenda-date strong{font-size:16px;font-weight:800}.agenda-date span{text-transform:uppercase;font-size:10px;font-weight:700}.agenda-txt{flex-direction:column;display:flex}.agenda-txt strong{font-size:13.5px;font-weight:600}.agenda-txt span{color:var(--text-3);font-size:12px}.task-list{flex-direction:column;gap:4px;display:flex}.task-row{text-align:left;border-radius:11px;align-items:center;gap:12px;width:100%;padding:11px 12px 11px 14px;transition:all .12s;display:flex;position:relative}.task-row:hover{background:var(--surface-2)}.task-row-accent{border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:4px}.task-row-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.8px;font-weight:600;overflow:hidden}.task-row-proj{color:var(--text-3);background:var(--surface-2);white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600}.task-row:hover .task-row-proj{background:var(--surface)}.mytasks{flex-direction:column;gap:22px;max-width:860px;display:flex}.mt-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.mt-head span{color:var(--text-3);background:var(--surface-2);border-radius:20px;padding:1px 8px;font-size:11.5px}@media (width<=900px){.home-cols,.modal-body{grid-template-columns:1fr}.modal-side{border-left:none;border-top:1px solid var(--border);flex-flow:wrap}.modal-side .side-field{flex:44%}}@media (width<=860px){.app{grid-template-columns:1fr}.sidebar{z-index:60;width:272px;box-shadow:var(--shadow-lg);transition:transform .25s;position:fixed;top:0;bottom:0;left:0}.app.nav-hidden .sidebar{transform:translate(-100%)}.app:not(.nav-hidden) .sidebar{transform:none}.app:not(.nav-hidden):after{content:"";z-index:55;pointer-events:none;background:#0000004d;position:fixed;inset:0}.search{flex:1;width:auto}.topbar-title{display:none}}@media (width<=560px){.stat-row{gap:10px}.board{padding:14px}.pad-view{padding:16px}}.prod-view{flex-direction:column;flex:1;min-height:0;display:flex}.prod-head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 0;display:flex}.prod-head h1{letter-spacing:-.02em;font-size:22px;font-weight:800}.prod-head p{color:var(--text-2);margin-top:3px;font-size:13px}.prod-viewswitch{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.pv-btn{color:var(--text-2);border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.pv-btn:hover{color:var(--text)}.pv-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.prod-filters{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:14px 24px 4px;display:flex}.pf-search{background:var(--surface);border:1px solid var(--border);color:var(--text-3);border-radius:10px;flex:280px;align-items:center;gap:8px;min-width:280px;max-width:420px;padding:8px 12px;display:flex}.pu-chips{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.pu-chip{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:all .12s}.pu-chip:hover{color:var(--text)}.pu-chip.on{background:var(--primary);color:#fff;border-color:#0000}.pu-nota-file{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:600;display:flex}.pu-nota-file span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pu-nota-link{color:var(--primary);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.pu-nota-link:hover{text-decoration:underline}.pu-total-row td{background:var(--surface-2);border-top:2px solid var(--border)}.pf-search:focus-within{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft)}.pf-search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13.5px}.pf-select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;outline:none;padding:8px 12px;font-size:13px;font-weight:600}.pf-select:focus{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft)}.pl-group{margin-bottom:22px}.pl-head{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.pl-head span:last-child{color:var(--text-3);background:var(--surface-2);border-radius:20px;padding:1px 8px;font-size:11.5px;font-weight:700}.pl-row{text-align:left;background:var(--surface);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);border-radius:11px;align-items:center;gap:12px;margin-bottom:6px;padding:11px 14px 11px 16px;transition:all .12s;display:flex;position:relative}.pl-row:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pl-accent{border-radius:4px;width:4px;position:absolute;top:8px;bottom:8px;left:0}.pl-cust{min-width:150px;font-size:13.5px;font-weight:700}.pl-prod{color:var(--text-2);flex:1;font-size:12.5px}.pl-admin{display:inline-flex}@media (width<=720px){.pl-prod{display:none}.pl-cust{flex:1;min-width:0}.prod-head{flex-direction:column}}.prod-board{padding-top:16px}.prod-col{width:250px;min-width:250px}.prod-card .card-title{font-size:13.5px}.prod-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.prod-admin{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.prod-empty{text-align:center;color:var(--text-3);opacity:.6;padding:14px 0;font-size:12px}.lblp{flex-direction:column;gap:10px;display:flex}.lblp-row{flex-wrap:wrap;gap:7px;display:flex}.lbl-opt{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.lbl-opt:hover{border-color:var(--border-strong)}.lbl-dot{border-radius:50%;width:8px;height:8px}.lbl-new{color:var(--text-3);border-style:dashed}.lbl-new:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.lbl-add{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.lbl-add input{border:1px solid var(--border);background:var(--surface);border-radius:9px;outline:none;flex:140px;padding:7px 10px;font-size:13px}.lbl-colors{gap:6px;display:flex}.lbl-cdot{border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:all .12s}.lbl-cdot.on{border-color:var(--text);transform:scale(1.15)}.lbl-dd{position:relative}.lbl-trigger{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:11px;align-items:center;gap:8px;width:100%;min-height:42px;padding:7px 12px;transition:all .12s;display:flex}.lbl-trigger:hover{border-color:var(--border-strong)}.lbl-trigger.open{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft)}.lbl-trigger-val{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.lbl-ph{color:var(--text-3);font-size:13.5px;font-weight:500}.lbl-chip{border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.lbl-caret{color:var(--text-3);flex-shrink:0;transition:transform .15s}.lbl-trigger.open .lbl-caret{transform:rotate(180deg)}.lbl-menu{z-index:30;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg,0 12px 32px #00000024);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0}.lbl-item{width:100%;color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;font-size:13.5px;font-weight:600;transition:all .1s;display:flex}.lbl-item:hover{background:var(--surface-2)}.lbl-item.on{color:var(--ink)}.lbl-item-name{text-align:left;flex:1}.lbl-item svg{color:var(--primary)}.lbl-item-new{color:var(--text-3);border-top:1px solid var(--border);border-radius:0 0 8px 8px;margin-top:4px}.lbl-item-new:hover{color:var(--primary)}.lbl-item-new svg{color:currentColor}.lbl-menu .lbl-add{margin-top:4px}.prod-modal{max-width:640px}.prod-modal-body{padding:18px 22px 22px;overflow-y:auto}.prod-modal-info{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.prod-modal-info h3{letter-spacing:-.01em;font-size:17px;font-weight:800}.prod-modal-info p{color:var(--text-2);margin-top:3px;font-size:13px}.pp-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.pp-item{border:1px solid var(--border);background:var(--surface-2);border-radius:11px;position:relative;overflow:hidden}.pp-item img{object-fit:cover;width:100%;height:84px;display:block}.pp-meta{color:var(--text-3);border-top:1px solid var(--border);background:var(--surface);white-space:nowrap;text-overflow:ellipsis;padding:4px 7px;font-size:9.5px;font-weight:600;overflow:hidden}.pp-item .art-del{top:5px;right:5px}.pp-add{border:1.5px dashed var(--border-strong);min-height:108px;color:var(--text-3);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:11.5px;font-weight:600;transition:all .14s;display:flex}.pp-add:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface)}.ppm-warn{color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:9px;align-items:flex-start;gap:7px;margin-bottom:9px;padding:8px 11px;font-size:12px;font-weight:600;line-height:1.4;display:flex}.ppm-warn svg{flex:none;margin-top:1px}.ppm-ok{color:#047857;background:#d1fae5;border:1px solid #6ee7b7;border-radius:9px;align-items:center;gap:7px;margin-bottom:9px;padding:8px 11px;font-size:12px;font-weight:600;display:flex}.ppm-lock{color:#b45309;background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;align-items:center;gap:5px;margin:2px 0 6px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.prod-toast{z-index:40;color:#7c2d12;background:#ffedd5;border:1px solid #fdba74;border-radius:11px;align-self:flex-start;align-items:center;gap:9px;max-width:640px;margin:0 0 12px;padding:11px 15px;font-size:13px;font-weight:600;animation:.22s prodToastIn;display:flex;position:sticky;top:8px;box-shadow:0 8px 24px #7c2d1224}.prod-toast svg{color:#ea580c;flex:none}@keyframes prodToastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sales-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.sales-head-acts{align-items:center;gap:10px;margin-left:auto;display:flex}.btn-cal{border:1px solid var(--border-strong)}.sales-head h1{letter-spacing:-.02em;font-size:24px;font-weight:800}.sales-head p{color:var(--text-2);margin-top:2px;font-size:13.5px}.sales-head .btn{margin-left:auto}.sales-head-acts .btn{margin-left:0}.sales-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:22px;display:grid}.s-stat{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:15px;padding:15px 18px}.s-stat .v{letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.s-stat .l{color:var(--text-2);margin-top:4px;font-size:12.5px;font-weight:600}.orders{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;overflow:auto}.prod-cal{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:16px;width:min(1040px,96vw);max-height:92vh;padding:18px 20px 20px;overflow:auto}.pc-close{margin-left:6px}.pc-top{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.pc-title h3{letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.pc-title h3 svg{color:var(--primary)}.pc-title p{color:var(--text-2);margin-top:3px;font-size:12.5px}.pc-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.pc-month{text-align:center;min-width:122px;font-size:13.5px;font-weight:700}.pc-legend{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.pc-lg{align-items:center;gap:6px;display:inline-flex}.pc-lg-dot{border-radius:50%;width:9px;height:9px}.pc-lg-sum{color:var(--text-3);margin-left:auto;font-size:11.5px;font-weight:700}.pc-grid{grid-template-columns:repeat(7,1fr);display:grid}.pc-dow-cell{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;font-size:11px;font-weight:700}.pc-body{border:1px solid var(--border);border-radius:12px;overflow:hidden}.pc-cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;gap:4px;min-height:92px;padding:6px;transition:all .12s;display:flex}.pc-cell:nth-child(7n){border-right:none}.pc-body>.pc-cell:nth-last-child(-n+7){border-bottom:none}.pc-cell.empty{background:#fbfcfe}.pc-cell.weekend{background:var(--surface-2)}.pc-cell.clickable{cursor:pointer}.pc-cell.clickable:hover{background:var(--soft)}.pc-cell.load-penuh{background:#fef0f0}.pc-cell.load-penuh.clickable:hover{background:#fde5e5}.pc-cell-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.pc-date{color:var(--text-2);border-radius:7px;place-items:center;width:23px;height:23px;font-size:12.5px;font-weight:700;display:grid}.pc-cell.today .pc-date{background:var(--primary);color:#fff}.pc-load{color:var(--c);background:color-mix(in srgb, var(--c) 15%, white);white-space:nowrap;border-radius:20px;padding:2px 6px;font-size:10px;font-weight:800}.pc-orders{flex-direction:column;gap:3px;display:flex;overflow:hidden}.pc-chip{color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;align-items:center;gap:5px;padding:2px 6px;font-size:11px;font-weight:600;display:flex}.pc-chip-dot{background:var(--c);border-radius:50%;flex:none;width:6px;height:6px}.pc-chip-txt{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pc-chip b{color:var(--text-2);font-size:10.5px;font-weight:700}.pc-more{color:var(--text-3);padding-left:2px;font-size:10.5px;font-weight:700}.pc-modal{width:100%;max-width:480px;overflow:hidden}.pc-modal-hero{color:#fff;background:linear-gradient(135deg,#10b981,#0d9488);padding:22px 24px 20px;position:relative}.pc-modal-hero.load-padat{background:linear-gradient(135deg,#f59e0b,#ea7a0c)}.pc-modal-hero.load-penuh{background:linear-gradient(135deg,#ef4444,#dc2626)}.pc-modal-x{color:#fff;opacity:.85;position:absolute;top:14px;right:14px}.pc-modal-x:hover{opacity:1}.pc-modal-badge{background:#fff3;border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid}.pc-modal-day{opacity:.9;font-size:12.5px;font-weight:600}.pc-modal-title{letter-spacing:-.01em;margin-top:2px;font-size:19px;font-weight:800}.pc-modal-cap{margin-top:14px}.pc-cap-bar{background:#ffffff47;border-radius:20px;height:7px;margin-bottom:6px;overflow:hidden}.pc-cap-bar span{background:#fff;border-radius:20px;height:100%;display:block}.pc-modal-cap>span{opacity:.92;font-size:11.5px;font-weight:600}.pc-warn{color:#b91c1c;border-bottom:1px solid var(--border);background:#fef0f0;align-items:flex-start;gap:9px;padding:12px 20px;font-size:12.5px;font-weight:600;line-height:1.45;display:flex}.pc-warn svg{flex:none;margin-top:1px}.pc-modal-list{max-height:320px;padding:8px;overflow:auto}.pc-row{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .12s;display:flex}.pc-row:hover{background:var(--surface-2)}.pc-row-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.pc-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.pc-row-qty{color:var(--text-2);white-space:nowrap;font-size:12px;font-weight:700}.pc-row-pri{white-space:nowrap;font-size:11.5px;font-weight:700}.pc-row>svg{color:var(--text-3);flex:none}.orders table{border-collapse:collapse;width:100%;min-width:760px}.orders th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 16px;font-size:11px;font-weight:700}.orders td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:13.5px}.orders tr:last-child td{border-bottom:none}.orders tr.click{cursor:pointer;transition:all .12s}.orders tr.click:hover td{background:var(--surface-2)}.o-no{color:var(--text-2);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.o-cust{flex-direction:column;line-height:1.3;display:flex}.o-cust strong{font-size:13.5px;font-weight:700}.o-cust small{color:var(--text-3);font-size:11.5px}.o-total{white-space:nowrap;font-weight:700}.qty-badge{color:var(--text-3);background:var(--surface-2);white-space:nowrap;border-radius:20px;padding:1px 7px;font-size:10.5px;font-weight:700}.ostatus{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.o-actions{gap:2px;display:inline-flex}.o-actions .icon-btn{width:30px;height:30px}.o-actions .o-del:hover{color:#dc2626;background:#fef2f2}.ostatus .d{border-radius:50%;width:6px;height:6px}.sales-view{flex-direction:column;flex:1;min-height:0;display:flex}.sales-tabs{flex-shrink:0;padding:14px 22px 8px}.sales-view-body{flex-direction:column;flex:1;min-height:0;display:flex}.order-form{flex-direction:column;height:100%;display:flex}.of-bar{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;padding:13px 22px;display:flex}.of-bar h1{letter-spacing:-.02em;margin-right:auto;font-size:18px;font-weight:800}.of-back{color:var(--text-2);border-radius:9px;align-items:center;gap:7px;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.of-back:hover{background:var(--surface-2);color:var(--text)}.of-body{flex:1;padding:22px;overflow-y:auto}.of-body>*{max-width:980px;margin-left:auto;margin-right:auto}.of-section{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;margin-bottom:16px;padding:18px 20px}.of-section>h2{letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;margin-bottom:15px;font-size:14px;font-weight:800;display:flex}.of-section>h2 .n{color:var(--text-3);background:var(--surface-2);border-radius:20px;margin-left:auto;padding:2px 9px;font-size:11.5px;font-weight:700}.of-grid{grid-template-columns:repeat(auto-fit,minmax(184px,1fr));align-items:start;gap:13px;display:grid}.of-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=760px){.of-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.of-info-grid{grid-template-columns:1fr}}.prio-select{font-weight:700}.of-datewarn{border-radius:9px;align-items:flex-start;gap:7px;margin-top:7px;padding:8px 10px;font-size:11.5px;font-weight:600;line-height:1.4;display:flex}.of-datewarn svg{flex:none;margin-top:1px}.of-datewarn.penuh{color:#b91c1c;background:#feeeee;border:1px solid #fbd6d6}.of-datewarn.padat{color:#b45309;background:#fef4e4;border:1px solid #fde8c4}input.date-full{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.field2{flex-direction:column;gap:6px;min-width:0;display:flex}.field2.full{grid-column:1/-1}.f-label{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.req-star{color:#ef4444;margin-left:1px;font-weight:800}.field2 input,.field2 select,.field2 textarea,.note-full{border:1px solid var(--border);background:var(--surface);border-radius:10px;outline:none;width:100%;padding:9px 11px;font-size:13.5px;font-weight:500}.field2 input:focus,.field2 select:focus,.field2 textarea:focus,.note-full:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.field2 input.ro{background:var(--surface-2);color:var(--text-2);font-family:JetBrains Mono,monospace;font-weight:600}.field2 textarea,.note-full{resize:vertical;min-height:62px;line-height:1.5}.note-full{min-height:80px}.ss-root{width:100%}.ss-input{border:1px solid var(--border);background:var(--surface);border-radius:10px;outline:none;width:100%;padding:9px 11px;font-size:13.5px;font-weight:500}.ss-input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.ss-input:disabled{background:var(--surface-2);color:var(--text-2)}.ss-list{z-index:30;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:11px;max-height:220px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ss-option{color:var(--text);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:13.5px;font-weight:500}.ss-option:hover,.ss-option.active{background:var(--soft);color:var(--ink)}.ss-empty{color:var(--text-3);padding:8px 10px;font-size:12.5px}.seg{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--text-2);white-space:nowrap;border-radius:8px;padding:7px 13px;font-size:12.5px;font-weight:600;transition:all .12s}.seg-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.color-field{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.color-field:focus-within{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.color-dot{border-right:1px solid var(--border);flex-shrink:0;width:32px}.color-field input{border-radius:0;box-shadow:none!important;border:none!important}.item-card{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;margin-bottom:12px;padding:16px}.item-head{align-items:center;gap:10px;margin-bottom:14px;display:flex}.item-head .ix{background:var(--soft);width:26px;height:26px;color:var(--ink);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:800;display:grid}.item-head strong{font-size:13.5px;font-weight:700}.item-head .sub-note{margin-left:auto}.sub-note{color:var(--text-3);font-size:12px;font-weight:700}.item-del{color:var(--text-3);border-radius:8px;padding:6px}.item-del:hover{color:#dc2626;background:#fee2e2}.titik-chips{flex-wrap:wrap;gap:8px;display:flex}.titik-chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:10px;padding:8px 15px;font-size:12.5px;font-weight:600;transition:all .12s}.titik-chip.on{border-color:var(--primary);background:var(--soft);color:var(--ink)}.add-item-btn{border:1.5px dashed var(--border-strong);width:100%;color:var(--text-3);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;transition:all .14s;display:flex}.add-item-btn:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface)}.of-summary{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:16px;padding:8px 20px}.of-summary .ts{max-width:440px;margin-left:auto}.of-summary .tot{text-align:right;margin-left:auto}.of-summary .tot .v{letter-spacing:-.02em;font-size:22px;font-weight:800}.of-summary .tot .l{color:var(--text-3);font-size:11.5px;font-weight:600}.of-foot-bar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;padding:14px 22px;box-shadow:0 -4px 16px #1417280d}.of-foot-bar-inner{justify-content:flex-end;align-items:center;gap:12px;max-width:980px;margin:0 auto;display:flex}.of-summary-table{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);border-radius:16px;padding:8px 20px}.ts{flex-direction:column;display:flex}.ts-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:11px 2px;display:flex}.ts:last-child .ts-row:last-child,.ts .ts-row:last-child{border-bottom:none}.ts-label{color:var(--text);font-size:13.5px;font-weight:600}.ts-blue{color:var(--text-2)}.ts-val{font-size:13.5px;font-weight:700}.ts-strong .ts-label,.ts-strong .ts-val{font-weight:800}.ts-big .ts-label{font-size:14.5px}.ts-big .ts-val{font-size:16px}.ts-muted .ts-label,.ts-muted .ts-val{color:var(--text-2);font-weight:600}.ts-add{color:#2f6fed;border-radius:8px;align-items:center;gap:6px;margin-left:auto;padding:4px 6px;font-size:13px;font-weight:700;display:inline-flex}.ts-add:hover{background:#eef3fe}.ts-input-wrap{align-items:center;gap:6px;display:inline-flex}.ts-input-wrap .ts-sign{color:var(--text-2);font-weight:800}.ts-input-wrap input{border:1px solid var(--border);text-align:right;background:var(--surface);border-radius:9px;outline:none;width:130px;padding:7px 10px;font-size:13px;font-weight:600}.ts-input-wrap input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.ts-clear{width:22px;height:22px;color:var(--text-3);border-radius:50%;place-items:center;display:grid}.ts-clear:hover{color:#dc2626;background:#fee2e2}.rc-total-wrap{border-top:2px solid var(--text);margin-top:16px;padding-top:12px}.rc-total-head{margin-bottom:4px;font-size:13px;font-weight:800}.receipt{max-width:720px;margin:0 auto}.rc-actions{gap:10px;margin-bottom:16px;display:flex}.rc-paper{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;padding:30px}.rc-top{border-bottom:2px solid var(--text);align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:18px;display:flex}.rc-brand{align-items:center;gap:11px;margin-right:auto;display:flex}.rc-brand .m{color:#fff;background:#111418;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.rc-brand strong{letter-spacing:-.01em;font-size:17px;font-weight:800;display:block}.rc-brand span{color:var(--text-3);font-size:12px}.rc-no{text-align:right}.rc-no .n{margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.rc-meta{grid-template-columns:1fr 1fr;gap:15px 24px;margin-bottom:20px;display:grid}.rc-field .l{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-size:11px;font-weight:700}.rc-field .v{margin-top:3px;font-size:14px;font-weight:600}.rc-item{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:15px 16px}.rc-item-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.rc-item-head strong{font-size:15px;font-weight:800}.rc-item-head .q{color:var(--text-2);margin-left:auto;font-size:13px;font-weight:700}.rc-spec{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:11px 16px;display:grid}.rc-spec .kk{color:var(--text-3);font-size:11px;font-weight:600}.rc-spec .val{align-items:center;gap:6px;margin-top:1px;font-size:13px;font-weight:600;display:flex}.mini-swatch{border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:12px;height:12px}.rc-total{border-top:2px solid var(--text);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.rc-total .l{font-size:14px;font-weight:700}.rc-total .v{letter-spacing:-.02em;font-size:24px;font-weight:800}@media (width<=900px){.rc-meta{grid-template-columns:1fr}.of-bar{flex-wrap:wrap}}@page{size:A4 portrait;margin:6mm}@media print{.sidebar,.topbar,.sales-tabs,.rc-actions,.tweaks-launcher,.tp-actions,.tp-foot,.no-print{display:none!important}.app{grid-template-columns:1fr!important;height:auto!important}html,body,#root,.main,.content,.pad-view{height:auto!important;overflow:visible!important}.rc-paper{box-shadow:none;border:none}.tp-sheet{box-shadow:none;page-break-inside:avoid;break-inside:avoid;border:1px solid #999;margin-bottom:0}.tp-sheet+.tp-sheet{page-break-before:always}.tp-sheet,.rc-paper{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.art-zone{flex-direction:column;gap:10px;display:flex}.art-item{border:1px solid var(--border);background:var(--surface);border-radius:11px;padding:12px}.art-item-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.img-upload{align-items:center;gap:8px;display:flex}.img-upload-thumb{object-fit:cover;border:1px solid var(--border);background:var(--surface-2);width:56px;height:56px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.img-upload-pick{border:1.5px dashed var(--border-strong);cursor:pointer;color:var(--text-2);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .14s;display:inline-flex}.img-upload-pick:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface)}.img-upload-err{color:#dc2626;font-size:12px}.img-loading{border:1px solid var(--border);background:var(--surface-2);min-width:56px;min-height:56px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.spek-view-art{align-items:center;gap:10px;display:flex}.spek-view-thumb{object-fit:cover;border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:72px;height:72px}.art-drop{border:1.5px dashed var(--border-strong);color:var(--text-3);cursor:pointer;border-radius:11px;align-items:center;gap:9px;padding:12px 14px;font-size:13px;font-weight:600;transition:all .14s;display:flex}.art-drop:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface)}.art-list{flex-wrap:wrap;gap:12px;display:flex}.art-thumb{border:1px solid var(--border);background:var(--surface);border-radius:11px;width:148px;padding:6px;position:relative}.art-thumb img{object-fit:contain;background:#f1f2f6;border-radius:7px;width:100%;height:66px}.art-thumb select{border:1px solid var(--border);background:var(--surface);border-radius:7px;outline:none;width:100%;margin-top:5px;padding:4px 6px;font-size:11px;font-weight:600}.art-dim-cap{color:var(--text-3);letter-spacing:.02em;margin-top:6px;font-size:10px;font-weight:700}.art-dim{align-items:center;gap:5px;margin-top:3px;display:flex}.art-dim input{border:1px solid var(--border);text-align:center;background:var(--surface);border-radius:7px;outline:none;width:100%;min-width:0;padding:7px 6px;font-size:13.5px;font-weight:700}.art-dim input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.art-dim span{color:var(--text-3);flex-shrink:0;font-size:12px;font-weight:700}.art-del{color:#fff;width:22px;height:22px;box-shadow:var(--shadow-sm);background:#ef4444;border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.art-del:hover{filter:brightness(1.08)}.mock-preview{margin-top:16px}.mock-upload-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:9px;display:grid}.mock-slot{flex-direction:column;gap:6px;display:flex}.mock-slot-cap{color:var(--text-2);font-size:11.5px;font-weight:700}.mock-slot-drop{border:1.5px dashed var(--border-strong);height:104px;color:var(--text-3);cursor:pointer;text-align:center;background:var(--surface-2);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11.5px;font-weight:600;transition:all .14s;display:flex}.mock-slot-drop:hover{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:var(--surface)}.mock-slot-img{border:1px solid var(--border);background:radial-gradient(120% 90% at 40% 25%,#fff,#e7eaf2 80%,#d6dae6);border-radius:12px;height:104px;position:relative;overflow:hidden}.mock-slot-img img{object-fit:contain;width:100%;height:100%}.mock-slot-img .art-del{top:6px;right:6px}.tp-mock-img{object-fit:contain;width:100%;height:120px;display:block}.tp-mock-empty{height:150px;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}@media (width<=640px){.mock-upload-grid{grid-template-columns:repeat(2,1fr)}}.of-subhead{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);border-top:1px solid var(--border);align-items:center;gap:7px;margin:16px 0 10px;padding-top:14px;font-size:12px;font-weight:800;display:flex}.tag-preview{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag-chip{color:var(--ink);background:var(--soft);border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.tag-chip.sm{padding:1px 7px;font-size:10px}.o-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.tag-filter-lbl{color:var(--text-2);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.tag-fbtn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:20px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .12s}.tag-fbtn:hover{border-color:var(--border-strong);color:var(--text)}.tag-fbtn.on{background:var(--primary);border-color:var(--primary);color:#fff}.mock-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:9px;display:grid}.mock-cell{border:1px solid var(--border);background:radial-gradient(120% 90% at 40% 25%,#fff,#e4e7f0 78%,#d3d7e3);border-radius:12px;place-items:center;padding:6px;display:grid}.cap-svg{width:100%;height:auto;display:block}@media (width<=640px){.mock-row{grid-template-columns:repeat(2,1fr)}}.techpack{max-width:900px;margin:0 auto}.tp-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tp-err{color:#b91c1c;background:#fee2e2;border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600}.tp-sheet{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);border-radius:8px;margin-bottom:20px;padding:20px}.tp-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tp-logo{align-items:center;gap:10px;display:flex}.tp-logo .m{color:#fff;background:#111418;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.tp-logo strong{letter-spacing:.06em;font-size:18px;font-weight:800}.tp-title-sub{letter-spacing:.14em;color:var(--text-3);font-size:12px;font-weight:700}.tp-head-table{border-collapse:collapse;border:1.5px solid var(--text);table-layout:auto;width:100%;font-size:11.5px}.tp-head-table th{background:var(--surface-2);text-align:left;letter-spacing:.05em;color:var(--text-2);border:1px solid var(--border-strong);white-space:nowrap;width:1%;padding:7px 9px;font-size:9.5px;font-weight:800}.tp-head-table td{border:1px solid var(--border-strong);padding:7px 10px;font-weight:700}.tp-details-band{background:var(--text);color:#fff;text-align:center;letter-spacing:.18em;border:1.5px solid var(--text);border-top:none;padding:5px;font-size:10px;font-weight:800}.tp-main{border:1.5px solid var(--text);border-top:none;grid-template-columns:226px 1fr;display:grid}.tp-spec-table{border-collapse:collapse;border-right:1.5px solid var(--text);align-self:stretch;width:100%}.tp-spec-table thead th{background:var(--surface-2);letter-spacing:.05em;color:var(--text-2);border:1px solid var(--border-strong);text-align:left;padding:6px 8px;font-size:9.5px;font-weight:800}.tp-spec-table td{border:1px solid var(--border-strong);padding:0;font-size:11px}.tp-spec-table .sp-ltr{text-align:center;width:20px;color:var(--text-2);background:var(--surface-2);padding:6px 3px;font-weight:800}.tp-spec-table .sp-name{color:var(--text);padding:6px 9px;font-weight:600;line-height:1.25}.tp-spec-table .sp-color{width:98px;padding:5px 6px}.sp-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;align-items:center;gap:6px;padding:4px 5px;display:flex}.sp-sw{border:1px solid #0000001f;border-radius:3px;flex-shrink:0;width:24px;height:24px}.sp-cn{text-transform:capitalize;font-size:10px;font-weight:700;line-height:1.2}.sp-none{color:var(--text-3);padding-left:4px;font-size:10.5px;font-weight:600}.tp-draw{flex-direction:column;gap:14px;min-width:0;padding:14px;display:flex}.tp-draw-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tp-draw-cell{border:1px solid var(--border);border-radius:10px;overflow:hidden}.tp-draw-canvas{background:radial-gradient(120% 90% at 40% 25%,#fff,#eef0f6 80%,#dfe3ec);place-items:center;min-height:120px;display:grid}.tp-draw-canvas img{object-fit:contain;width:100%;height:120px;display:block}.tp-draw-canvas .cap-svg{width:auto;height:120px;margin:0 auto}.tp-draw-cap{text-align:center;color:var(--text-2);border-top:1px solid var(--border);background:var(--surface);padding:6px;font-size:11px;font-weight:700}.tp-detail-boxes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tp-dbox{border:1px solid var(--border-strong);border-radius:10px;overflow:hidden}.tp-dbox-h{background:var(--surface-2);letter-spacing:.05em;color:var(--text-2);border-bottom:1px solid var(--border);padding:6px 10px;font-size:9.5px;font-weight:800}.tp-dbox .tp-art-grid,.tp-dbox .tp-mini-list,.tp-dbox .tp-empty{padding:10px}.tp-mini-list{flex-direction:column;gap:6px;margin:0;list-style:none;display:flex}.tp-mini-list li{justify-content:space-between;gap:10px;font-size:11.5px;display:flex}.tp-mini-list li span{color:var(--text-3);font-weight:600}.tp-mini-list li b{color:var(--text);text-align:right;font-weight:700}.tp-art-grid{flex-wrap:wrap;gap:10px;display:flex}.tp-dimg{padding:0 10px 10px}.tp-dimg img{object-fit:contain;border:1px solid var(--border);background:#f1f2f6;border-radius:8px;width:100%;max-height:120px;display:block}.tp-dimg span{color:var(--text-3);text-align:center;margin-top:5px;font-size:10px;font-weight:700;display:block}.tp-note{color:var(--text);white-space:pre-wrap;margin:0;padding:10px;font-size:11.5px;line-height:1.5}.tp-art{border:1px solid var(--border);border-radius:10px;width:104px;padding:7px}.tp-art img{object-fit:contain;background:#f1f2f6;border-radius:6px;width:100%;height:60px}.tp-art>div{flex-direction:column;margin-top:5px;display:flex}.tp-art strong{font-size:11.5px;font-weight:700}.tp-art span{color:var(--text-3);font-size:10.5px}.tp-art-dim{color:var(--ink);font-weight:700}.tp-art-note{color:var(--text-3);font-size:10px;font-style:italic}.tp-empty{color:var(--text-3);font-size:12.5px}.tp-ai{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:var(--soft);border-radius:10px;padding:10px 12px}.tp-ai-badge{color:var(--ink);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-flex}.tp-ai p{color:var(--text);font-size:12px;line-height:1.5}.tp-sign{border:1.5px solid var(--text);border-top:none}.tp-sign-band{background:var(--surface-2);text-align:center;letter-spacing:.08em;color:var(--text-2);border-bottom:1px solid var(--border-strong);padding:5px;font-size:9.5px;font-weight:800}.tp-sign-grid{grid-template-columns:repeat(4,1fr);display:grid}.tp-sign-cell{text-align:center;border-right:1px solid var(--border-strong);padding:6px 8px 8px}.tp-sign-cell:last-child{border-right:none}.tp-sign-space{height:48px}.tp-sign-role{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--text);padding-top:4px;font-size:8.5px;font-weight:700}.tp-sign-name{color:var(--text);margin-top:2px;font-size:11px;font-weight:700}.tp-sheet-foot{border:1.5px solid var(--text);color:var(--text-2);border-top:none;flex-wrap:wrap;align-items:center;gap:18px;padding:7px 12px;font-size:11px;font-weight:600;display:flex}.tp-sheet-foot .tp-foot-web{letter-spacing:.04em;color:var(--text);margin-left:auto;font-weight:800}.tp-foot{justify-content:flex-end;margin-top:14px;display:flex}@media (width<=820px){.tp-main{grid-template-columns:1fr}.tp-spec-table{border-right:none;border-bottom:1.5px solid var(--text)}.tp-detail-boxes{grid-template-columns:1fr}}@media print{.techpack{max-width:none}.tp-main{grid-template-columns:190px 1fr}.tp-spec-table{border-right:1.5px solid var(--text);border-bottom:none}.tp-detail-boxes{grid-template-columns:1fr 1fr;gap:7px}.tp-sheet{padding:10px}.tp-title-row{margin-bottom:6px}.tp-head-table{font-size:10px}.tp-head-table th,.tp-head-table td{padding:4px 6px}.tp-spec-table td{font-size:10px}.tp-spec-table .sp-name{padding:3px 7px;line-height:1.15}.tp-spec-table .sp-ltr{padding:3px}.tp-spec-table .sp-color{padding:3px 5px}.sp-sw{width:18px;height:18px}.tp-draw{gap:8px;padding:8px}.tp-draw-grid{gap:7px}.tp-draw-canvas{min-height:72px}.tp-draw-canvas img,.tp-draw-canvas .cap-svg{height:72px}.tp-draw-cap{padding:3px;font-size:10px}.tp-dbox-h{padding:4px 8px}.tp-dbox .tp-art-grid,.tp-dbox .tp-mini-list,.tp-dbox .tp-empty{padding:6px}.tp-mini-list{gap:4px}.tp-mini-list li{font-size:10.5px}.tp-art{width:92px;padding:6px}.tp-art img{height:42px}.tp-art strong{font-size:10.5px}.tp-art span{font-size:9.5px}.tp-dimg{padding:0 8px 7px}.tp-dimg img{height:72px;max-height:72px}.tp-sign-band{padding:4px}.tp-sign-cell{padding:5px 6px 6px}.tp-sign-space{height:40px}.tp-sheet-foot{padding:5px 10px;font-size:10px}}.hr-tabbadge{color:#fff;background:#f59e0b;border-radius:20px;place-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;font-size:10.5px;font-weight:800;display:inline-grid}.cfg-field{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.cfg-field>span{color:var(--text-2);align-items:baseline;gap:6px;font-size:11.5px;font-weight:700;display:flex}.cfg-field>span em{color:var(--text-3);font-size:11px;font-style:normal;font-weight:600}.cfg-field input,.cfg-field textarea,.cfg-field select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:13.5px;font-weight:500}.cfg-field textarea{resize:vertical;line-height:1.5}.cfg-field input[type=range]{accent-color:var(--primary);padding:0}.cfg-field input:focus,.cfg-field textarea:focus,.cfg-field select:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.cfg-row{gap:13px;display:flex}.lv-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lv-head .page-sub{margin-bottom:0}.lv-sumrow{grid-template-columns:repeat(4,1fr)}.lv-count{background:color-mix(in srgb, var(--primary) 16%, white);min-width:17px;height:17px;color:var(--ink);border-radius:20px;place-items:center;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:800;display:inline-grid}.hr-tbtn.on .lv-count{background:var(--soft-2)}.lv-type{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.lv-period{color:var(--text-2);white-space:nowrap;font-size:12.5px;font-weight:600}.lv-modal{max-width:520px}.lv-form{flex-direction:column;gap:15px;padding:20px 22px 22px;display:flex;overflow-y:auto}.lv-typeseg{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lv-typebtn{border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:13px 8px;font-size:12.5px;font-weight:700;transition:all .14s;display:flex}.lv-typebtn:hover{border-color:var(--border-strong)}.lv-typebtn.on{border-color:var(--lvc);color:var(--lvc);background:color-mix(in srgb, var(--lvc) 8%, white)}.lv-typedesc{color:var(--text-3);margin-top:-6px;font-size:12px}.lv-daysinfo{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;font-size:12.5px;display:flex}.lv-daysinfo b{color:var(--text);font-size:14px;font-weight:800}.lv-over{color:#dc2626;font-weight:700}.lv-over b{color:#dc2626}.lv-file{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lv-fname{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.lv-fname button{color:var(--text-3);place-items:center;display:inline-grid}.lv-fname button:hover{color:#dc2626}.lv-detail{flex-direction:column;gap:15px;padding:20px 22px 22px;display:flex;overflow-y:auto}.lv-det-emp{align-items:center;gap:12px;display:flex}.lv-det-emp strong{font-size:15px;font-weight:800;display:block}.lv-det-emp>div span{color:var(--text-3);font-size:12px}.lv-det-emp>:last-child{margin-left:auto}.lv-det-grid{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px 18px;padding:14px 0;display:grid}.lv-det-grid>div{flex-direction:column;gap:3px;display:flex}.lv-det-grid span{text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);font-size:10.5px;font-weight:700}.lv-det-grid b{font-size:13.5px;font-weight:700}.lv-det-reason span,.lv-det-note span{text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.lv-det-reason p{color:var(--text);font-size:13.5px;line-height:1.55}.lv-det-note{background:var(--surface-2);border-radius:10px;padding:12px 14px}.lv-det-note p{color:var(--text-2);font-size:13px;line-height:1.5}.lv-att{color:var(--primary);background:var(--soft);border-radius:9px;align-self:flex-start;align-items:center;gap:7px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.lv-decide{border-top:1px solid var(--border);flex-direction:column;gap:11px;padding-top:15px;display:flex}.lv-decide textarea{border:1px solid var(--border);resize:vertical;border-radius:10px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:13px}.lv-decide textarea:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.lv-decide-btns{gap:10px;display:flex}.lv-decide-btns .btn{flex:1;justify-content:center}.cfg-wrap{flex-direction:column;gap:18px;display:flex}.cfg-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cfg-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:12px;padding:18px 20px;display:flex}.cfg-card-wide{grid-column:1/-1}.cfg-card-h{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.cfg-card-h .cfg-add{margin-left:auto}.cfg-card-sub{color:var(--text-3);margin-top:-4px;font-size:12px;line-height:1.5}.cfg-shift{align-items:flex-end;gap:12px;display:flex}.cfg-shift-name{width:58px;color:var(--text);flex-shrink:0;padding-bottom:10px;font-size:12.5px;font-weight:800}.cfg-days{flex-wrap:wrap;gap:7px;display:flex}.cfg-day{border:1.5px solid var(--border);background:var(--surface);width:46px;color:var(--text-3);border-radius:10px;padding:9px 0;font-size:12px;font-weight:700;transition:all .12s}.cfg-day.on{border-color:var(--primary);background:var(--soft);color:var(--ink)}.cfg-add{color:var(--primary);background:var(--soft);border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.cfg-hols{flex-direction:column;gap:9px;display:flex}.cfg-hol{align-items:center;gap:10px;display:flex}.cfg-hol input{border:1px solid var(--border);background:var(--surface);border-radius:9px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}.cfg-hol input[type=date]{flex-shrink:0}.cfg-hol input[type=text]{flex:1}.cfg-hol input:focus{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.cfg-bar{background:linear-gradient(to top, var(--bg) 62%, transparent);justify-content:flex-end;align-items:center;gap:10px;margin:0 -4px;padding:14px 4px;display:flex;position:sticky;bottom:0}.cfg-saved{color:#10b981;align-items:center;gap:5px;margin-right:auto;font-size:12.5px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.5;pointer-events:none}@media (width<=820px){.cfg-grid{grid-template-columns:1fr}.lv-sumrow{grid-template-columns:1fr 1fr}}.dash{flex-direction:column;gap:18px;display:flex}.dash-kpi{text-align:left}.dash-kpi.clickable:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));transform:translateY(-1px)}.dash-hint{color:var(--text-3);margin-top:2px;font-size:10.5px}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dash-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:16px 18px}.dash-card-wide{grid-column:1/-1}.dash-card-h{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dash-card-h>span{letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:inline-flex}.dash-link{color:var(--primary);align-items:center;gap:3px;font-size:12px;font-weight:700;display:inline-flex}.dash-link:hover{text-decoration:underline}.dash-empty{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:22px;font-size:12.5px;display:flex}.dash-approve,.dash-leavelist,.dash-latelist{flex-direction:column;gap:4px;display:flex}.dash-appr,.dash-leave,.dash-late{border-radius:10px;align-items:center;gap:11px;padding:8px 6px;display:flex}.dash-appr:hover,.dash-leave:hover,.dash-late:hover{background:var(--surface-2)}.dash-appr-txt{flex:1;min-width:0}.dash-appr-txt strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.dash-appr-txt span{color:var(--text-3);align-items:center;gap:5px;font-size:11.5px;display:flex}.dash-appr-btns{flex-shrink:0;gap:6px;display:flex}.dash-appr-btns .icon-btn{border:1px solid var(--border);border-radius:9px;width:32px;height:32px}.dash-app{color:#10b981}.dash-app:hover{background:#ecfdf5;border-color:#a7f3d0}.dash-rej{color:#ef4444}.dash-rej:hover{background:#fef2f2;border-color:#fca5a5}.dash-more{color:var(--primary);align-self:flex-start;padding:6px 4px;font-size:12px;font-weight:700}.dash-late-rank{text-align:center;width:20px;color:var(--text-3);flex-shrink:0;font-size:12px;font-weight:800}.dash-late-n{color:#f59e0b;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:800}.dash-rate-wrap{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.dash-rate{flex-shrink:0;align-items:center;gap:12px;display:flex}.dash-rate-ring{background:conic-gradient(var(--c) calc(var(--val) * 1%), var(--border) 0);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.dash-rate-ring:before{content:"";background:var(--surface);border-radius:50%;width:74px;height:74px;position:absolute}.dash-rate-ring span{letter-spacing:-.02em;color:var(--c);font-size:22px;font-weight:800;position:relative}.dash-rate-lbl{color:var(--text-2);font-size:12px;font-weight:700;line-height:1.35}.dash-divbars{flex:1;grid-template-columns:1fr 1fr;gap:12px 22px;min-width:260px;display:grid}.dash-divbar-top{color:var(--text-2);align-items:center;gap:7px;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.dash-divbar-top em{color:var(--text-3);font-size:11px;font-style:normal;font-weight:600}.dash-divbar-top b{color:var(--text);margin-left:auto;font-weight:800}.dash-div-ico{border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.dash-track{background:var(--surface-2);border-radius:20px;height:7px;overflow:hidden}.dash-fill{border-radius:20px;height:100%;transition:width .4s cubic-bezier(.2,.7,.3,1)}@media (width<=820px){.dash-grid,.dash-divbars{grid-template-columns:1fr}}.abs-hero{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.abs-clock{flex-direction:column;gap:8px;display:flex}.abs-time{letter-spacing:-.02em;color:var(--text);font-family:JetBrains Mono,monospace;font-size:52px;font-weight:800;line-height:1}.abs-time i{color:var(--text-3);margin:0 2px;font-style:normal}.abs-time em{color:var(--text-3);vertical-align:super;margin-left:6px;font-size:24px;font-style:normal}.abs-shift{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.abs-state{flex-direction:column;align-items:flex-end;gap:10px;min-width:240px;display:flex}.abs-line span{color:var(--text-3);font-size:13px;font-weight:600}.abs-big{border-radius:13px;padding:13px 22px;font-size:15px}.abs-msg,.abs-done{align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.abs-done{color:#10b981}.abs-kv{color:var(--text-2);align-items:center;gap:8px;font-size:13.5px;display:inline-flex}.abs-kv b{color:var(--text);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800}.abs-times{gap:22px;display:flex}.abs-hist-h{letter-spacing:-.01em;margin:22px 0 12px;font-size:13px;font-weight:800}.abs-datecap{color:var(--text-3);margin-bottom:14px;font-size:12.5px;font-weight:600}.hr-embed{display:block}.hr-embed-bar{justify-content:flex-end;margin-bottom:16px;display:flex}@media (width<=640px){.abs-hero{text-align:center;justify-content:center}.abs-state{align-items:center}.abs-time{font-size:42px}}.prod-scroll{flex:1;min-height:0;overflow-y:auto}.pd-view,.lap-view{padding:18px 24px 40px}.sec-title{letter-spacing:-.01em;font-size:17px;font-weight:800}.lap-sub{color:var(--text-2);max-width:720px;margin-top:4px;font-size:13px}.pd-head,.lap-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.pd-kpi{cursor:default}.pd-kpi.crit{border-color:color-mix(in srgb, #ef4444 35%, var(--border));background:linear-gradient(#fff,#fef4f4)}.pd-callout{background:color-mix(in srgb, var(--c) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--c) 32%, var(--border));border-radius:16px;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.pd-callout-ico{background:color-mix(in srgb, var(--c) 16%, white);width:44px;height:44px;color:var(--c);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.pd-callout-txt{flex-direction:column;gap:3px;display:flex}.pd-callout-txt strong{letter-spacing:-.01em;font-size:14.5px;font-weight:800}.pd-callout-txt strong u{-webkit-text-decoration-color:color-mix(in srgb, var(--c) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--c) 60%, transparent);text-underline-offset:3px}.pd-callout-txt span{color:var(--text-2);font-size:12.5px;line-height:1.5}.pd-ranklist{flex-direction:column;gap:10px;display:flex}.pd-rank{border:1px solid var(--border);background:var(--surface-2);border-radius:13px;padding:12px 14px}.pd-rank.sev-crit{border-color:color-mix(in srgb, #ef4444 40%, var(--border));background:#fef5f5}.pd-rank.sev-warn{border-color:color-mix(in srgb, #f59e0b 34%, var(--border))}.pd-rank-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.pd-rank-name{align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.pd-sev{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.pd-sev.sev-crit{color:#ef4444;background:#ef444418}.pd-sev.sev-warn{color:#d97706;background:#f59e0b1f}.pd-sev.sev-ok{color:#059669;background:#10b98118}.pd-rank-bar{align-items:center;gap:10px;margin-bottom:9px;display:flex}.pd-bar-track{background:var(--border);border-radius:20px;flex:1;height:10px;position:relative;overflow:hidden}.pd-bar-fill{border-radius:20px;height:100%;transition:width .5s}.pd-bar-target{background:var(--text-3);opacity:.55;width:2px;position:absolute;top:-2px;bottom:-2px}.pd-rank-ach{text-align:right;width:42px;font-size:13px;font-weight:800}.pd-rank-meta{flex-wrap:wrap;gap:6px 16px;display:flex}.pd-rank-meta span{color:var(--text-2);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:inline-flex}.pd-rank-meta span svg{color:var(--text-3)}.pd-flow{flex-direction:column;gap:12px;display:flex}.pd-flow-row{align-items:center;gap:11px;display:flex}.pd-flow-name{flex-shrink:0;width:78px;font-size:12.5px;font-weight:700}.pd-flow-track{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex:1;height:22px;overflow:hidden}.pd-flow-fill{opacity:.9;border-radius:7px;height:100%;transition:width .5s}.pd-flow-val{text-align:right;width:34px;font-size:12.5px;font-weight:800}.pd-flow-row.bn .pd-flow-name{color:#ef4444}.pd-flow-tag{text-transform:uppercase;color:#ef4444;background:#ef444414;border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.pd-flow-note{border-top:1px solid var(--border);color:var(--text-2);align-items:center;gap:7px;margin-top:14px;padding-top:13px;font-size:12px;font-weight:500;display:flex}.pd-flow-note svg{color:var(--primary);flex-shrink:0}.pd-view .lead-n{width:auto;min-width:58px}.pd-callout.severe{background:#fef2f2;border-color:#ef4444;animation:2.4s ease-in-out infinite pd-pulse}.pd-callout.severe .pd-callout-ico{color:#fff;background:#ef4444}@keyframes pd-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef444424}}.pd-sev-pill{letter-spacing:.05em;color:#fff;vertical-align:middle;background:#ef4444;border-radius:20px;align-items:center;gap:4px;margin-right:9px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex}.notif-wrap{display:inline-flex;position:relative}.badge-dot.alert{box-shadow:0 0 0 2px var(--surface);background:#ef4444;animation:1.4s ease-in-out infinite notif-blink}@keyframes notif-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.35)}}.notif-btn.has-alert{color:#ef4444}.notif-scrim{z-index:40;position:fixed;inset:0}.notif-pop{z-index:41;background:var(--surface);border:1px solid var(--border);width:340px;box-shadow:var(--shadow-lg);border-radius:14px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notif-pop-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:13px 16px;font-size:13.5px;display:flex}.notif-pop-head strong{font-weight:800}.notif-count{color:#fff;background:#ef4444;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:800}.notif-item{text-align:left;gap:12px;width:100%;padding:14px 16px;transition:all .12s;display:flex}.settings-pop{width:220px}.settings-menu{flex-direction:column;padding:6px;display:flex}.settings-menu-item{color:var(--text-2);text-align:left;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.settings-menu-item:hover{background:var(--surface-2);color:var(--text)}.settings-menu-item.on{background:var(--soft);color:var(--primary)}.notif-item:hover{background:#fef4f4}.notif-ico{color:#ef4444;background:#ef444416;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.notif-txt{flex-direction:column;gap:3px;min-width:0;display:flex}.notif-txt strong{font-size:13px;font-weight:800}.notif-txt span{color:var(--text-2);font-size:11.5px;line-height:1.45}.notif-txt em{color:var(--primary);margin-top:2px;font-size:11.5px;font-style:normal;font-weight:700}.notif-empty{color:var(--text-3);align-items:center;gap:8px;padding:22px 16px;font-size:12.5px;font-weight:600;display:flex}.notif-empty svg{color:#10b981}.pd-trend{align-items:flex-end;gap:6px;height:190px;padding-top:8px;display:flex}.pd-trend-col{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.pd-trend-val{color:var(--text-2);min-height:14px;margin-bottom:4px;font-size:10.5px;font-weight:700}.pd-trend-track{flex:1;align-items:flex-end;width:100%;display:flex;position:relative}.pd-trend-bar{border-radius:7px 7px 3px 3px;width:100%;max-width:34px;margin:0 auto;transition:height .5s}.pd-trend-target{background:var(--text-3);opacity:.5;border-radius:2px;height:2px;position:absolute;left:0;right:0}.pd-trend-lbl{color:var(--text-3);flex-direction:column;align-items:center;margin-top:7px;font-size:10.5px;font-weight:700;line-height:1.3;display:flex}.pd-trend-lbl em{color:var(--text-2);font-size:11.5px;font-style:normal;font-weight:800}.lap-form{margin-bottom:16px}.lap-form-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:22px;margin-bottom:8px;padding-bottom:16px;display:flex}.lap-field{flex-direction:column;gap:7px;display:flex}.lap-field>label{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.lap-field input[type=date]{border:1px solid var(--border);background:var(--surface);border-radius:10px;outline:none;padding:8px 12px;font-weight:600}.lap-field input[type=date]:focus{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft)}.seg-inline{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg-inline-btn{color:var(--text-2);border-radius:7px;padding:6px 16px;font-size:12.5px;font-weight:700}.seg-inline-btn.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.lap-supervisor{flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto;display:flex}.lap-sv-lbl{color:var(--text-3);font-size:11px;font-weight:600}.lap-sv{align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.lap-table{flex-direction:column;display:flex}.lap-thead,.lap-trow{grid-template-columns:1.4fr .8fr 1fr .8fr .8fr 1fr 1.6fr;align-items:center;gap:10px;display:grid}.lap-thead{text-transform:uppercase;letter-spacing:.03em;color:var(--text-3);border-bottom:1px solid var(--border);padding:10px 6px;font-size:11px;font-weight:800}.lap-trow{border-bottom:1px solid var(--border);padding:9px 6px}.lap-trow.filled{opacity:.85}.lap-proc{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.lap-in{border:1px solid var(--border);background:var(--surface);border-radius:9px;outline:none;width:100%;padding:8px 10px;font-size:13px;transition:all .12s}.lap-in:focus{border-color:color-mix(in srgb, var(--c,var(--primary)) 55%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--c,var(--primary)) 14%, transparent)}.lap-in.strong{font-weight:700}.lap-in.txt{text-align:left}.lap-doneline{grid-column:2/-1;align-items:center;gap:12px;display:flex}.lap-done-badge{color:#059669;background:#10b98114;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.lap-done-detail{color:var(--text-2);font-size:12.5px;font-weight:600}.lap-del{color:var(--text-3);margin-left:auto}.lap-del:hover{color:#ef4444}.lap-form-foot{justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;display:flex}.lap-hint{color:var(--text-3);font-size:12.5px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.lap-hist{flex-direction:column;display:flex}.lap-hrow{border-bottom:1px solid var(--border);grid-template-columns:90px 1.2fr .7fr .8fr .7fr .8fr 28px 28px;align-items:center;gap:12px;padding:9px 6px;font-size:12.5px;display:grid}.lap-hrow:last-child{border-bottom:none}.lap-hdate{flex-direction:column;font-size:12px;font-weight:700;display:flex}.lap-hdate em{color:var(--text-3);font-size:10.5px;font-style:normal;font-weight:600}.lap-hproc{align-items:center;gap:7px;font-weight:700;display:flex}.lap-hout{font-weight:600}.lap-hout b{font-size:13.5px;font-weight:800}.lap-hach{color:var(--text-2);font-weight:800}.lap-hach.low{color:#ef4444}.lap-hach.high{color:#059669}.lap-hrej,.lap-hdt{color:var(--text-3);font-weight:600}.lap-hby{display:inline-flex}@media (width<=860px){.pd-view,.lap-view{padding:16px}.lap-thead,.lap-trow{grid-template-columns:1.3fr .8fr 1fr .8fr 1fr}.lap-thead span:nth-child(5),.lap-trow>.lap-in:nth-child(5),.lap-thead span:nth-child(7),.lap-trow>.lap-in:nth-child(7){display:none}.lap-hrow{grid-template-columns:78px 1fr .7fr .7fr 24px}.lap-hrej,.lap-hdt,.lap-hby{display:none}}.mkt-view{flex-direction:column;flex:1;min-height:0;display:flex}.mkt-head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 16px;display:flex}.mkt-head h1{letter-spacing:-.02em;font-size:22px;font-weight:800}.mkt-head p{color:var(--text-2);margin-top:3px;font-size:13px}.mkt-pad{flex:1;padding:4px 24px 28px;overflow-y:auto}.mkt-subhead{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.mkt-subhead h2{letter-spacing:-.02em;font-size:18px;font-weight:800}.mkt-subhead p{color:var(--text-2);max-width:60ch;margin-top:3px;font-size:13px}.mkt-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.mkt-kpis .kpi{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:15px;align-items:center;gap:12px;padding:14px 16px;display:flex}.mkt-kpis .kpi-ico{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.mkt-kpis .kpi>div{min-width:0}.kpi-v{letter-spacing:-.02em;font-size:18px;font-weight:800;line-height:1.15}.kpi-l{color:var(--text-2);margin-top:3px;font-size:11.5px;font-weight:600}.mkt-kpis .kpi.hero{background:linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 68%, #101322));border:none}.mkt-kpis .kpi.hero .kpi-v,.mkt-kpis .kpi.hero .kpi-l{color:#fff}.mkt-kpis .kpi.hero .kpi-l{opacity:.85}.mkt-grid2{grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px;display:grid}.mkt-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:18px 20px}.mkt-card-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:16px;display:flex}.mkt-card-head h3{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.mkt-card-head h3 svg{color:var(--primary)}.mkt-card-head span{color:var(--text-3);font-size:11.5px;font-weight:600}.funnel-card{padding:16px 20px}.funnel{flex-direction:column;gap:9px;display:flex}.fn-row{grid-template-columns:1fr;gap:4px;display:grid}.fn-info{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.fn-label{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.fn-label svg{color:var(--text-3);width:12px;height:12px}.fn-val{letter-spacing:-.01em;font-size:13px;font-weight:800}.fn-track{background:var(--surface-2);border-radius:5px;height:13px;overflow:hidden}.fn-bar{border-radius:5px;min-width:5px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.fn-rate{color:var(--text-3);align-items:center;gap:6px;font-size:10px;display:flex}.fn-rate-lbl{font-weight:600}.fn-rate-v{color:var(--text-2);font-weight:800}.fn-insight{border:1px solid var(--border);background:linear-gradient(180deg, var(--soft), var(--surface));border-radius:12px;align-items:flex-start;gap:10px;margin-top:12px;padding:11px 13px;display:flex}.fn-insight-ico{color:#fff;background:var(--primary);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.fn-insight-txt strong{letter-spacing:-.01em;margin-bottom:3px;font-size:12.5px;font-weight:800;display:block}.fn-insight-txt p{color:var(--text-2);font-size:13px;line-height:1.55}.funnel-card .mkt-card-head{margin-bottom:11px}.funnel-card .fn-insight-txt p{font-size:12px;line-height:1.5}.fn-insight-txt b{color:var(--text);font-weight:800}.mkt-section-title{letter-spacing:.01em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:8px;margin:8px 2px 12px;font-size:13px;font-weight:800;display:flex}.mkt-section-title svg{color:var(--primary)}.seg-wrap{align-items:center;gap:20px;display:flex}.seg-donut{border-radius:50%;flex-shrink:0;place-items:center;width:118px;height:118px;display:grid}.seg-donut-hole{background:var(--surface);text-align:center;border-radius:50%;place-items:center;width:74px;height:74px;line-height:1.1;display:grid}.seg-donut-hole b{font-size:20px;font-weight:800}.seg-donut-hole span{color:var(--text-3);font-size:10.5px;font-weight:600}.seg-legend{flex-direction:column;flex:1;gap:9px;min-width:0;display:flex}.seg-leg-row{align-items:center;gap:8px;font-size:12.5px;display:flex}.seg-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.seg-name{color:var(--text-2);font-weight:700}.seg-val{margin-left:auto;font-weight:700}.seg-pct{color:var(--text-3);text-align:right;width:42px;font-weight:700}.rank-list{flex-direction:column;gap:14px;display:flex}.rank-row{align-items:flex-start;gap:11px;display:flex}.rank-no{background:var(--soft);width:22px;height:22px;color:var(--ink);border-radius:7px;flex-shrink:0;place-items:center;margin-top:1px;font-size:11.5px;font-weight:800;display:grid}.rank-no.ghost{background:var(--surface-2);color:var(--text-3)}.rank-body{flex:1;min-width:0}.rank-top{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.rank-name{font-size:13px;font-weight:700}.rank-val{letter-spacing:-.01em;font-size:13px;font-weight:800}.rank-track{background:var(--surface-2);border-radius:5px;height:8px;overflow:hidden}.rank-fill{border-radius:5px;min-width:4px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.rank-sub{color:var(--text-3);margin-top:5px;font-size:11px;font-weight:600}.repeat-stat{border-bottom:1px solid var(--border);align-items:center;gap:18px;margin-bottom:12px;padding-bottom:14px;display:flex}.repeat-big{flex-direction:column;display:flex}.repeat-big b{letter-spacing:-.03em;color:var(--primary);font-size:30px;font-weight:800;line-height:1}.repeat-big span{color:var(--text-3);margin-top:4px;font-size:11.5px;font-weight:600}.repeat-sub{color:var(--text-2);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.repeat-sub b{color:var(--text);font-weight:800}.repeat-list{flex-direction:column;gap:9px;display:flex}.repeat-row{align-items:center;gap:10px;font-size:12.5px;display:flex}.repeat-name{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.repeat-badge{color:var(--primary);background:var(--soft);border-radius:20px;flex-shrink:0;margin-left:auto;padding:2px 9px;font-size:11px;font-weight:700}.repeat-rev{text-align:right;flex-shrink:0;width:92px;font-weight:800}.tgt-row{align-items:flex-start;gap:11px;display:flex}.tgt-pct{color:var(--primary);font-size:13px;font-weight:800}.tgt-pct.done{color:#0ea472}.mkt-editbtn{color:var(--primary);background:var(--soft);border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .12s;display:inline-flex}.mkt-editbtn:hover{background:var(--soft-2)}.tgt-note{color:var(--text-2);margin-bottom:14px;font-size:12.5px}.tgt-form{flex-direction:column;gap:10px;display:flex}.tgt-form-row{align-items:center;gap:12px;display:flex}.tgt-form-who{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.tgt-form-who strong{font-size:13px;font-weight:700;display:block}.tgt-form-who span{color:var(--text-3);font-size:11.5px}.tgt-form-in{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;width:190px;padding:0 11px;display:flex}.tgt-form-in:focus-within{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));box-shadow:0 0 0 3px var(--soft)}.tgt-rp{color:var(--text-3);font-size:12.5px;font-weight:700}.tgt-form-in input{text-align:right;background:0 0;border:none;outline:none;width:100%;padding:9px 0;font-size:13.5px;font-weight:600}.trend{align-items:flex-end;gap:10px;height:168px;padding-top:8px;display:flex}.tr-col{flex-direction:column;flex:1;align-items:center;gap:8px;height:100%;display:flex}.tr-bars{flex:1;justify-content:center;align-items:flex-end;gap:4px;width:100%;display:flex}.tr-bar{border-radius:5px 5px 0 0;width:40%;max-width:26px;min-height:2px;transition:height .4s}.tr-bar.spend{background:#c7cbf5}.tr-bar.rev{background:#0ea472}.tr-lbl{color:var(--text-3);white-space:nowrap;font-size:10.5px;font-weight:600}.tr-legend{color:var(--text-2);gap:16px;margin-top:12px;font-size:11.5px;font-weight:600;display:flex}.tr-legend span{align-items:center;gap:6px;display:inline-flex}.tr-legend .lg{border-radius:3px;width:11px;height:11px;display:inline-block}.tr-legend .lg.spend{background:#c7cbf5}.tr-legend .lg.rev{background:#0ea472}.orders.flat{box-shadow:none;border:none;border-radius:0}.orders th.r,.orders td.r{text-align:right}.orders td .muted,.muted{color:var(--text-3);font-size:12px}.ch-pill{white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.ch-pill .d{border-radius:50%;width:7px;height:7px}.share-row{align-items:center;gap:8px;min-width:130px;display:flex}.share-track{background:var(--surface-2);border-radius:4px;flex:1;height:7px;overflow:hidden}.share-fill{border-radius:4px;height:100%}.share-pct{color:var(--text-2);text-align:right;width:36px;font-size:11.5px;font-weight:700}.mkt-chips{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.mkt-chip{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:700;transition:all .12s;display:inline-flex}.mkt-chip:hover{border-color:var(--border-strong)}.mkt-chip.on{color:#fff}.mkt-chip-dot{border-radius:50%;width:8px;height:8px}.mkt-chip.on .mkt-chip-dot{background:#fff!important}.ad-week{margin-bottom:20px}.ad-week-head{color:var(--text-2);align-items:center;gap:8px;margin-bottom:10px;font-size:12.5px;font-weight:800;display:flex}.ad-week-head svg{color:var(--text-3)}.ad-modal{flex-direction:column;width:min(720px,100%);max-height:90vh;display:flex}.ad-modal-body{padding:20px 22px;overflow-y:auto}.ad-form-grid{grid-template-columns:repeat(2,1fr);gap:14px 16px;display:grid}.f-hint{color:var(--text-3);font-size:11px;font-style:normal}.ad-calc{border-top:1px solid var(--border);gap:12px;margin-top:18px;padding-top:16px;display:flex}.ad-calc-item{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex:1;padding:12px 14px}.ad-calc-item span{color:var(--text-2);font-size:11.5px;font-weight:700}.ad-calc-item strong{letter-spacing:-.02em;color:var(--accent);margin-top:3px;font-size:18px;font-weight:800;display:block}.ad-calc-item em{color:var(--text-3);font-size:10.5px;font-style:normal}.ad-modal-bar{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius);align-items:center;gap:10px;padding:14px 22px;display:flex}.btn-ghost.danger{color:#dc2626}.btn-ghost.danger:hover{background:#fef2f2}@media (width<=1000px){.mkt-grid2{grid-template-columns:1fr}}@media (width<=640px){.mkt-pad{padding:4px 16px 24px}.mkt-head{padding:16px}.ad-form-grid{grid-template-columns:1fr}}.iv-head{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.iv-head h1{letter-spacing:-.02em;font-size:24px;font-weight:800}.iv-head p{color:var(--text-2);max-width:640px;margin-top:2px;font-size:13.5px}.iv-head .btn{margin-left:auto}.iv-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.iv-kpi{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:15px;padding:15px 16px;transition:all .14s}.iv-kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.iv-kpi-top{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.iv-kpi-ico{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.iv-kpi-val{letter-spacing:-.02em;font-size:21px;font-weight:800;line-height:1.05}.iv-kpi-label{color:var(--text-2);margin-top:5px;font-size:12px;font-weight:700}.iv-kpi-sub{color:var(--text-3);margin-top:3px;font-size:11px;font-weight:500}.iv-kpi.ok{border-color:color-mix(in srgb, #10b981 22%, var(--border));background:linear-gradient(#fff,#f2fbf6)}.iv-kpi.warn{border-color:color-mix(in srgb, #f59e0b 28%, var(--border));background:linear-gradient(#fff,#fffaef)}.iv-kpi.crit{border-color:color-mix(in srgb, #ef4444 28%, var(--border));background:linear-gradient(#fff,#fef4f4)}.iv-cat{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.iv-prod{flex-direction:column;gap:2px;display:flex}.iv-prod strong{font-size:13.5px;font-weight:700}.iv-prod small{color:var(--text-3);font-size:11.5px}.iv-stock{flex-direction:column;gap:5px;min-width:120px;margin-left:auto;display:inline-flex}.iv-stock-num{text-align:right;font-weight:700}.iv-bar{background:var(--surface-2);border-radius:10px;height:5px;overflow:hidden}.iv-bar>i{border-radius:10px;height:100%;transition:width .3s;display:block}.iv-mono{font-variant-numeric:tabular-nums;white-space:nowrap}.iv-sku{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);white-space:nowrap;border-radius:7px;padding:2px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:700}.iv-unit{color:var(--text-2);text-transform:capitalize;font-size:12.5px;font-weight:600}.iv-detail-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:2px 0 20px;display:flex}.iv-detail-head .muted{align-items:center;gap:5px;display:inline-flex}.iv-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.iv-metric{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:15px 17px}.iv-metric .v{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.iv-metric .l{color:var(--text-2);margin-top:4px;font-size:11.5px;font-weight:600}.iv-modal-body{grid-template-columns:1fr 1fr;gap:14px;padding:20px 22px;display:grid;overflow-y:auto}.iv-f{flex-direction:column;gap:6px;display:flex}.iv-f.full{grid-column:1/-1}.iv-f>span{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.iv-f input,.iv-f select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13.5px}.iv-f input:focus,.iv-f select:focus{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft)}.iv-hint{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}.iv-hint.full{grid-column:1/-1}.iv-hint svg{color:var(--text-3);flex-shrink:0;margin-top:1px}.iv-modal-foot{border-top:1px solid var(--border);background:var(--surface-2);align-items:center;gap:10px;padding:14px 22px;display:flex}.iv-modal-foot .btn.right{margin-left:auto}.iv-toast{z-index:60;color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:11px;align-items:center;gap:9px;max-width:420px;padding:11px 15px;font-size:13px;font-weight:600;animation:.22s prodToastIn;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 8px 24px #b91c1c2e}.iv-toast svg{color:#dc2626;flex:none}.iv-datawrap{position:relative}.iv-datawrap>.btn{padding-right:11px}.iv-menu{z-index:41;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;min-width:216px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.iv-menu button{color:var(--text);text-align:left;border-radius:9px;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:13px;font-weight:700;display:flex}.iv-menu button:hover{background:var(--surface-2)}.iv-menu button svg{color:var(--text-3);flex-shrink:0}.iv-menu small{color:var(--text-3);margin-top:1px;font-size:11px;font-weight:500;display:block}.iv-menu .sep{background:var(--border);height:1px;margin:4px}.iv-drop{border:1.5px dashed var(--border-strong);color:var(--text-3);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:26px 18px;font-size:12.5px;transition:all .15s;display:flex}.iv-drop strong{font-size:13.5px}.iv-drop:hover,.iv-drop.on{border-color:var(--primary);color:var(--primary);background:var(--soft)}.iv-sum{gap:10px;display:flex}.iv-sum-card{background:var(--surface-2);border:1px solid var(--border);border-radius:11px;flex:1;padding:12px 14px}.iv-sum-card .n{letter-spacing:-.02em;font-size:22px;font-weight:800}.iv-sum-card .t{color:var(--text-2);margin-top:2px;font-size:11.5px;font-weight:600}.rc-mat{border-top:1px dashed var(--border-strong);margin-top:18px;padding-top:14px}.rc-mat .rc-total-head{align-items:center;gap:7px;display:flex}.rc-mat-empty{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:8px;margin-top:10px;padding:11px 13px;font-size:12.5px;line-height:1.5;display:flex}.rc-mat-empty svg{flex-shrink:0;margin-top:1px}.rc-mat-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:7px 2px;font-size:13px;display:grid}.rc-mat-row .nm{font-weight:600}.rc-mat-row .q{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12px}.rc-mat-row .v{font-variant-numeric:tabular-nums;text-align:right;min-width:90px;font-weight:700}.rc-mat-row.tot{border-bottom:none;border-top:1.5px solid var(--border-strong);margin-top:2px}.rc-mat-row.tot .nm{font-weight:800}.rc-mat-margin{background:var(--surface-2);border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:11px 13px;display:flex}.rc-mat-margin span{color:var(--text-2);flex-direction:column;gap:2px;font-size:12.5px;font-weight:700;display:flex}.rc-mat-margin em{color:var(--text-3);font-size:11px;font-style:normal;font-weight:500}.rc-mat-margin b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.pm-hpp{border:1px solid var(--border);border-radius:12px;overflow:hidden}.pm-hpp-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 12px;font-size:12.5px;display:grid}.pm-hpp-row span:first-child{font-weight:600}.pm-hpp-row span:nth-child(2){color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}.pm-hpp-row span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums;min-width:82px;font-weight:700}.pm-hpp-foot{background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.pm-hpp-tot{color:var(--text-2);white-space:nowrap;font-size:12.5px;font-weight:700}.pm-hpp-tot b{color:var(--text);font-variant-numeric:tabular-nums;margin-left:6px;font-size:14.5px}.pm-margin{letter-spacing:-.01em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.pm-hpp-cap{color:var(--text-3);margin-top:6px;font-size:11px}.pm-hpp-empty{color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:11px;align-items:flex-start;gap:8px;padding:11px 13px;font-size:12.5px;line-height:1.5;display:flex}.pm-hpp-empty svg{flex-shrink:0;margin-top:1px}.pm-hpp-row.subtot{background:color-mix(in srgb, var(--surface-2) 60%, transparent);font-weight:700}.pm-hpp-row.subtot span:first-child{font-weight:700}.pm-hpp-row.muted-row span{color:var(--text-3);font-style:italic;font-weight:500}.pm-ongkos-btn{color:var(--primary);background:var(--soft);border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.pm-ongkos-btn:hover{background:var(--soft-2)}.ongkos-total{background:var(--soft);border:1px solid color-mix(in srgb, var(--primary) 22%, var(--border));border-radius:12px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.ongkos-total span{color:var(--ink);font-size:13px;font-weight:700}.ongkos-total b{letter-spacing:-.02em;color:var(--primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.prod-modal-acts{flex-shrink:0;gap:8px;display:flex}.ship-label{padding:22px 24px}.ship-head{border-bottom:2px solid var(--text);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}.ship-brand{align-items:center;gap:10px;display:flex}.ship-brand .m{color:#fff;background:#111418;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.ship-brand strong{font-size:15px;font-weight:800;display:block}.ship-brand span{color:var(--text-3);font-size:11px}.ship-no{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.ship-cap{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:5px;font-size:10.5px;font-weight:800}.ship-to{padding:4px 0 16px}.ship-name{letter-spacing:-.01em;font-size:20px;font-weight:800}.ship-phone{color:var(--text-2);align-items:center;gap:5px;margin:4px 0 6px;font-size:13px;display:inline-flex}.ship-addr{color:var(--text);font-size:14px;line-height:1.5}.ship-from{border-top:1px dashed var(--border-strong);padding:14px 0}.ship-from-line{color:var(--text-2);font-size:12.5px}.ship-meta{border-top:1px dashed var(--border-strong);grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 0 0;display:grid}.ship-meta>div{flex-direction:column;gap:2px;display:flex}.ship-meta span{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:700}.ship-meta b{font-size:13px;font-weight:700}.ship-note{color:var(--text-2);background:var(--surface-2);border-radius:9px;margin-top:12px;padding:9px 11px;font-size:12.5px}.ship-kurir{border-top:1px dashed var(--border-strong);grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;padding:14px 0 0;display:grid}.ship-kurir-v{letter-spacing:-.01em;margin-top:2px;font-size:15px;font-weight:800}.ship-kurir-v.mono{letter-spacing:.01em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px}.ship-edit{border-top:1px solid var(--border);background:var(--surface-2);grid-template-columns:1fr 1fr;gap:12px;padding:14px 24px;display:grid}.ship-edit .iv-f input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;outline:none;padding:9px 12px;font-family:inherit;font-size:13.5px}.ship-edit .iv-f input:focus{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 0 0 3px var(--soft)}@media print{body:has(.ship-modal) *{visibility:hidden!important}.ship-modal,.ship-modal *{visibility:visible!important}.ship-modal{box-shadow:none;border-radius:0;max-height:none;margin:0;position:fixed;inset:0;max-width:100%!important}.ship-modal .no-print{display:none!important}}@media (width<=640px){.iv-modal-body{grid-template-columns:1fr}.iv-head .btn{margin-left:0}}.top5-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.top5-card{text-align:center;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:14px 12px 15px;transition:all .14s;display:flex;position:relative}.top5-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.top5-card.rank-1{background:color-mix(in srgb, var(--primary) 8%, white);border-color:color-mix(in srgb, var(--primary) 28%, var(--border))}.top5-rankbar{justify-content:space-between;align-items:center;width:100%;min-height:18px;margin-bottom:4px;display:flex}.top5-rank{min-width:22px;height:20px;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:7px;justify-content:center;align-items:center;padding:0 5px;font-size:11.5px;font-weight:800;display:inline-flex}.top5-card.rank-1 .top5-rank{color:#b45309;background:#fef3c7;border-color:#fcd34d}.top5-repeat{color:var(--primary);background:var(--soft);border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:800;display:inline-flex}.top5-av{color:#fff;letter-spacing:-.02em;border-radius:50%;place-items:center;width:46px;height:46px;margin-bottom:3px;font-size:15px;font-weight:800;display:grid}.top5-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;font-size:12.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.top5-rev{letter-spacing:-.02em;margin-top:2px;font-size:15px;font-weight:800}.top5-sub{color:var(--text-3);font-size:11px;font-weight:600}.cust-cell{align-items:center;gap:10px;display:flex}.cust-av-sm{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:11.5px;font-weight:800;display:grid}.cust-modal{max-width:720px}.cust-modal-hero{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:22px 24px;display:flex;position:relative}.cust-modal-x{position:absolute;top:14px;right:14px}.cust-modal-av{color:#fff;letter-spacing:-.02em;border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:20px;font-weight:800;display:grid}.cust-modal-name{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.cust-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.cust-badge.repeat{color:var(--ink);background:var(--soft)}.cust-badge.new{color:var(--text-3);background:var(--surface-2)}.cust-modal-contact{flex-wrap:wrap;gap:14px;margin-top:7px;display:flex}.cust-modal-contact span{color:var(--text-2);align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.cust-modal-stats{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.cms{background:var(--surface);text-align:center;padding:14px 16px}.cms b{letter-spacing:-.02em;font-size:18px;font-weight:800;display:block}.cms span{color:var(--text-3);font-size:11.5px;font-weight:600}.cust-modal-body{padding:18px 22px 22px;overflow-y:auto}.cust-hist-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.cust-hist-head>span:first-child{align-items:center;gap:7px;font-size:13.5px;font-weight:800;display:inline-flex}.cust-hist-span{color:var(--text-3);font-size:12px;font-weight:600}.cust-hist{border:1px solid var(--border);border-radius:12px}.cust-hist table{min-width:0}@media (width<=720px){.top5-grid,.cust-modal-stats{grid-template-columns:repeat(2,1fr)}}.prof-wrap{grid-template-columns:1.25fr .9fr;gap:26px;display:grid}.prof-kpis{background:var(--border);border:1px solid var(--border);border-radius:13px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;display:grid;overflow:hidden}.prof-kpi{background:var(--surface);padding:13px 15px}.prof-kpi-v{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.1}.prof-kpi-l{color:var(--text-3);margin-top:4px;font-size:11.5px;font-weight:600}.prof-kpi-margin{background:color-mix(in srgb, var(--mc) 7%, white)}.prof-comp-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin:20px 0 9px;font-size:11.5px;font-weight:800}.prof-right .prof-comp-head{margin-top:0}.prof-bar{background:var(--surface-2);border-radius:8px;height:26px;display:flex;overflow:hidden}.prof-seg{height:100%;transition:width .3s}.prof-seg:not(:last-child){border-right:2px solid var(--surface)}.prof-legend{flex-wrap:wrap;gap:16px;margin-top:11px;display:flex}.prof-lg{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.prof-lg i{border-radius:3px;width:10px;height:10px}.prof-lg b{color:var(--text);margin-left:1px;font-weight:800}.prof-note{color:#92600a;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;gap:8px;margin-top:16px;padding:10px 12px;font-size:11.5px;line-height:1.5;display:flex}.prof-note svg{color:#d97706;flex-shrink:0;margin-top:1px}.prof-note b{font-weight:700}.prof-prod{flex-direction:column;gap:13px;display:flex}.prof-prow-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;display:flex}.prof-pname{font-size:13px;font-weight:700}.prof-pmargin{letter-spacing:-.01em;font-size:13px;font-weight:800}.prof-ptrack{background:var(--surface-2);border-radius:20px;height:9px;display:flex;overflow:hidden}.prof-pfill{height:100%}.prof-pfill.hpp{background:#f59e0b}.prof-pfill.profit{background:#10b981}.prof-psub{color:var(--text-3);justify-content:space-between;gap:8px;margin-top:5px;font-size:11px;font-weight:600;display:flex}.prof-prod-legend{border-top:1px solid var(--border);gap:14px;margin-top:13px;padding-top:12px;display:flex}.prof-prod-legend span{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.prof-prod-legend i{border-radius:3px;width:10px;height:10px}@media (width<=900px){.prof-wrap{grid-template-columns:1fr;gap:20px}}.aging-wrap{grid-template-columns:1.1fr 1fr;gap:26px;display:grid}.aging-hero{padding:4px 0 16px}.aging-hero-big{letter-spacing:-.03em;font-size:30px;font-weight:800;line-height:1}.aging-hero-cap{color:var(--text-3);margin-top:7px;font-size:12.5px;font-weight:600}.aging-buckets{flex-direction:column;gap:13px;display:flex}.aging-brow{grid-template-rows:auto auto;grid-template-columns:150px 1fr auto;align-items:center;column-gap:12px;display:grid}.aging-blabel{grid-row:1/span 2;align-items:center;gap:7px;display:flex}.aging-bdot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.aging-bname{font-size:13px;font-weight:700}.aging-brange{color:var(--text-3);font-size:11px;font-weight:600}.aging-btrack{background:var(--surface-2);border-radius:20px;height:9px;overflow:hidden}.aging-bfill{border-radius:20px;height:100%}.aging-bamt{letter-spacing:-.01em;white-space:nowrap;font-size:13px;font-weight:800}.aging-bcount{color:var(--text-3);text-align:right;grid-column:3;font-size:11px;font-weight:600}.aging-list-head{text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);align-items:center;gap:7px;margin-bottom:12px;font-size:11.5px;font-weight:800;display:flex}.aging-list{flex-direction:column;gap:8px;display:flex}.aging-row{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:9px 11px;transition:all .12s;display:flex}.aging-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.aging-row-main{flex-direction:column;gap:2px;min-width:0;display:flex}.aging-row-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.aging-row-sub{color:var(--text-3);align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.aging-row-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.aging-row-amt{letter-spacing:-.01em;font-size:13.5px;font-weight:800}.aging-age{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:800}.aging-foot{color:var(--text-3);align-items:center;gap:6px;margin-top:12px;font-size:11.5px;font-weight:600;display:flex}.aging-foot svg{color:var(--primary)}.notif-scroll{max-height:380px;overflow-y:auto}.badge-dot.warn{box-shadow:0 0 0 2px var(--surface);background:#f59e0b}@media (width<=900px){.aging-wrap{grid-template-columns:1fr;gap:22px}}.ha-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.ha-roles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:20px;display:grid}.ha-rolecard{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--rc);box-shadow:var(--shadow-sm);border-radius:12px;align-items:flex-start;gap:9px;padding:12px 14px;display:flex}.ha-roledot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.ha-rolecard strong{font-size:13.5px;font-weight:800;display:block}.ha-rolecard span{color:var(--text-3);font-size:11.5px;font-weight:500;line-height:1.4}.ha-tablewrap{overflow:auto}.ha-table{border-collapse:collapse;width:100%;min-width:720px}.ha-table th{text-align:left;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:11.5px;font-weight:800}.ha-table th.c{text-align:center}.ha-table td{border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px}.ha-table td.c{text-align:center}.ha-table tr:last-child td{border-bottom:none}.ha-mod{align-items:center;gap:9px;font-weight:700;display:flex}.ha-mod>svg{color:var(--text-3)}.ha-scope{text-transform:uppercase;letter-spacing:.03em;color:#b45309;background:#fef3c7;border-radius:6px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-flex}.ha-sel{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-width:104px;padding:6px 8px;font-size:12.5px}.ha-sel:hover{border-color:var(--border-strong)}.ha-lock{background:var(--surface-2)}.ha-full{color:#7c3aed;font-size:12px;font-weight:800}.ha-note{color:var(--text-2);align-items:center;gap:7px;margin-top:12px;font-size:12px;font-weight:500;display:flex}.ha-note svg{color:#d97706;flex-shrink:0}.ha-policy{flex-direction:column;gap:10px;display:flex}.ha-prow{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:12px;padding:13px 16px;display:flex}.ha-plock{color:#64748b;background:#f1f5f9;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.ha-ptxt strong{font-size:13.5px;font-weight:800;display:block}.ha-ptxt span{color:var(--text-3);font-size:12px;font-weight:600}.inv-wrap{position:relative}.btn.on{background:var(--soft);color:var(--ink);border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.inv-pop{z-index:50;background:var(--surface);border:1px solid var(--border);width:320px;box-shadow:var(--shadow-lg);border-radius:14px;animation:.18s cubic-bezier(.2,.9,.3,1.2) pop;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.inv-head{border-bottom:1px solid var(--border);align-items:center;gap:7px;padding:12px 15px;font-size:12.5px;font-weight:800;display:flex}.inv-head span{color:var(--text-3);background:var(--surface-2);border-radius:20px;padding:1px 8px;font-size:11px;font-weight:800}.inv-current{max-height:168px;padding:6px;overflow-y:auto}.inv-row{border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.inv-row:hover{background:var(--surface-2)}.inv-info{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.inv-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.inv-info span{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.inv-x{width:26px;height:26px;color:var(--text-3);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.inv-x:hover{color:#dc2626;background:#fef2f2}.inv-search{background:var(--surface-2);border:1px solid var(--border);color:var(--text-3);border-radius:10px;align-items:center;gap:8px;margin:4px 12px 8px;padding:8px 11px;display:flex}.inv-search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:13px}.inv-list{border-top:1px solid var(--border);max-height:220px;padding:0 6px 8px;overflow-y:auto}.inv-add{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:7px 8px;transition:all .12s;display:flex}.inv-add:hover{background:var(--soft)}.inv-add>svg:last-child{color:var(--primary);flex-shrink:0}.inv-empty{text-align:center;color:var(--text-3);padding:18px;font-size:12.5px;font-weight:600}