@import "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--primary:#21784a;--secondary:#3d2817;--green:var(--primary);--green-dark:color-mix(in srgb, var(--primary) 70%, black);--green-soft:color-mix(in srgb, var(--primary) 15%, transparent);--brown:var(--secondary);--brown-soft:color-mix(in srgb, var(--secondary) 10%, transparent);--brown-mid:color-mix(in srgb, var(--secondary) 75%, white);--ink:#2e2e2e;--paper:#faf7f2;--line:#e8dfd3;--muted:#7a6a58;--neutral-light:#e7ebe8;--neutral-dark:#2e2e2e;--pure-white:#fff;--danger:#c0392b;--warn:#d68910;--info:#2874a6;--shadow:0 1px 2px #3d28170a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Lato,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--brown);font-family:Lato,sans-serif;font-weight:700}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}a{color:var(--green-dark);text-decoration:none}.logo{align-items:center;gap:10px;display:flex}.logo svg{flex-shrink:0;width:38px;height:38px}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-text .l1{color:var(--green);letter-spacing:-.02em;font-family:Lato,sans-serif;font-size:20px;font-weight:700}.logo-text .l1 span{color:var(--brown);font-weight:600}.logo-text .l2{color:var(--brown-mid);letter-spacing:.15em;text-transform:uppercase;margin-top:3px;font-family:Lato,sans-serif;font-size:9px}.login-wrap{background:var(--paper);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{background:linear-gradient(135deg, var(--brown) 0%, #2a1a0f 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:60px;display:flex;position:relative;overflow:hidden}.login-art:before{content:"";background:radial-gradient(circle,#2eb82e26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-30%}.login-art:after{content:"";background:radial-gradient(circle,#2eb82e14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-200px;left:-100px}.art-content{z-index:1;position:relative}.art-heading{color:#fff;margin-top:60px;font-family:Lato,sans-serif;font-size:48px;font-weight:700;line-height:1.05}.art-heading em{color:var(--green);font-style:normal;font-weight:800}.art-sub{color:#ffffffb3;max-width:420px;margin-top:20px;font-size:15px;line-height:1.6}.art-foot{z-index:1;color:#ffffff80;font-size:12px;position:relative}.art-foot strong{color:var(--green);font-weight:600}.bar-val{color:var(--text-main);margin-bottom:4px;font-size:10px;font-weight:600}.multi-bar-container{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:100%;display:flex}.multi-bar{border-radius:4px 4px 0 0;flex:1;min-height:2px;transition:height .3s;position:relative}.multi-bar.revenue{background:var(--green)}.multi-bar.ops{background:var(--danger)}.multi-bar.po{background:#0284c7}.login-form{flex-direction:column;justify-content:center;width:100%;max-width:520px;margin:0 auto;padding:60px;display:flex}.form-title{margin-bottom:8px;font-size:32px}.form-sub{color:var(--muted);margin-bottom:36px}.field{margin-bottom:18px}.field label{text-transform:uppercase;letter-spacing:.1em;color:var(--brown-mid);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.field input{border:1.5px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:14px 16px;transition:all .2s}.field input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft);outline:none}.btn-primary{background:var(--green);color:#fff;letter-spacing:.02em;border-radius:10px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--green-dark);transform:translateY(-1px)}.login-error{color:var(--danger);border-left:3px solid var(--danger);background:#fdeaea;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.login-hint{background:var(--brown-soft);color:var(--brown-mid);border-radius:10px;margin-top:24px;padding:16px;font-size:12px}.login-hint strong{color:var(--brown);margin-bottom:6px;font-family:Lato,sans-serif;font-size:13px;display:block}.app{min-height:100vh;display:none}.app.active{grid-template-columns:260px 1fr;display:grid}.sidebar{background:var(--brown);color:var(--secondary-fg,#fff);flex-direction:column;height:100vh;padding:24px 0;display:flex;position:sticky;top:0;overflow-y:auto}.side-logo{border-bottom:1px solid #ffffff14;padding:0 24px 24px}.side-logo .logo-text .l1{color:var(--green)}.side-logo .logo-text .l1 span{color:#fff}.side-logo .logo-text .l2{color:#fff6}.side-user{border-bottom:1px solid #ffffff14;padding:20px 24px}.side-user .avatar{background:var(--green);width:40px;height:40px;color:var(--primary-fg,#fff);border-radius:50%;justify-content:center;align-items:center;font-family:Lato,sans-serif;font-size:16px;font-weight:700;display:flex}.side-user .u-info{margin-top:10px}.side-user .u-name{font-size:14px;font-weight:600}.side-user .u-role{color:#ffffff80;text-transform:uppercase;letter-spacing:.1em;margin-top:2px;font-size:11px}nav{flex:1;padding:16px 12px}.nav-section{text-transform:uppercase;letter-spacing:.15em;color:#ffffff4d;padding:16px 12px 8px;font-size:10px;font-weight:600}.nav-item{color:#ffffffbf;cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:11px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{background:var(--green);color:var(--primary-fg,#fff)}.nav-item svg{opacity:.9;flex-shrink:0;width:16px;height:16px}.logout-btn{color:#ffffffb3;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:12px;padding:12px;font-size:13px;transition:all .15s;display:flex}.logout-btn:hover{color:#fff;background:#c0392b33}.sidebar-vendor{text-align:center;color:#fff6;letter-spacing:.04em;border-top:1px solid #ffffff0f;margin-top:6px;padding:14px 16px 18px;font-size:10px;line-height:1.6}.sidebar-vendor strong{color:#a8d5ba;font-weight:600}.sidebar-vendor .sv-dev{opacity:.85;margin-top:3px;font-size:9.5px}.main{padding:32px 40px;overflow-x:hidden}.page-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;margin-bottom:28px;padding-bottom:20px;display:flex}.page-title{font-size:32px;line-height:1}.page-sub{color:var(--muted);margin-top:6px;font-size:13px}.actions{align-items:center;gap:10px;display:flex}.btn{border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-g{background:var(--green);color:#fff}.btn-g:hover{background:var(--green-dark)}.btn-outline{border:1.5px solid var(--line);color:var(--brown);background:#fff}.btn-outline:hover{border-color:var(--brown);background:var(--brown-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}.card{box-shadow:var(--shadow);border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.card h3{margin-bottom:16px;font-size:18px}.stat-card{position:relative;overflow:hidden}.stat-card .label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:600}.stat-card .value{color:var(--brown);margin-top:8px;font-family:Lato,sans-serif;font-size:30px;font-weight:700;line-height:1}.stat-card .delta{border-radius:20px;align-items:center;gap:4px;margin-top:10px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.delta.up{background:var(--green-soft);color:var(--green-dark)}.delta.down{color:var(--danger);background:#fdeaea}.stat-card .icon{background:var(--green-soft);width:36px;height:36px;color:var(--green-dark);border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1.5px solid var(--line);background:var(--brown-soft);padding:12px 14px;font-size:10px;font-weight:700}tbody td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px;font-size:13px}tbody tr:hover{background:var(--brown-soft)}tbody tr:last-child td{border-bottom:none}.badge{letter-spacing:.02em;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-green{background:var(--green-soft);color:var(--green-dark)}.badge-red{color:var(--danger);background:#fdeaea}.badge-amber{color:var(--warn);background:#fef5e7}.badge-blue{color:var(--info);background:#ebf5fb}.badge-grey{color:var(--brown-mid);background:#f0eae2}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid .full{grid-column:1/-1}.field-c{flex-direction:column;display:flex}.field-c label{text-transform:uppercase;letter-spacing:.1em;color:var(--brown-mid);margin-bottom:6px;font-size:11px;font-weight:600}.field-c input,.field-c select,.field-c textarea{border:1.5px solid var(--line);background:#fff;border-radius:8px;padding:10px 12px}.field-c input:focus,.field-c select:focus,.field-c textarea:focus{border-color:var(--green);outline:none}.modal-bg{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1a161280;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-bg.active{display:flex}.modal{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal h2{margin-bottom:4px;font-size:22px}.modal .sub{color:var(--muted);margin-bottom:22px;font-size:13px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.alert{border-left:3px solid;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.alert-warn{border-color:var(--warn);color:#7e5109;background:#fef5e7}.alert-danger{border-color:var(--danger);color:#922b21;background:#fdeaea}.alert-info{border-color:var(--info);color:#1b4f72;background:#ebf5fb}.alert-success{background:var(--green-soft);border-color:var(--green);color:var(--green-dark)}.alert strong{margin-bottom:2px;font-size:13px;display:block}.alert span{font-size:12.5px;line-height:1.5}.toast{background:var(--brown);color:#fff;z-index:200;border-radius:10px;align-items:center;gap:10px;padding:14px 20px;font-size:13.5px;font-weight:500;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0003}.save-status{z-index:199;opacity:0;pointer-events:none;background:#fff;border:1px solid #e0ebe3;border-radius:30px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:24px;left:24px;transform:translateY(8px);box-shadow:0 4px 16px #2a5f3e1f,0 1px 3px #0000000a}.save-status.visible{opacity:1;transform:translateY(0)}.save-status-dot{background:#2a5f3e;border-radius:50%;flex-shrink:0;width:8px;height:8px}.save-status[data-status=saving] .save-status-dot{background:#d68910;animation:1s infinite pulseDot}.save-status[data-status=saving]{color:#d68910}.save-status[data-status=saved] .save-status-dot{background:#2a5f3e}.save-status[data-status=saved]{color:#2a5f3e}.save-status[data-status=error] .save-status-dot{background:#c0392b}.save-status[data-status=error]{color:#c0392b;border-color:#fdeaea}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.toast.show{animation:.3s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ops-cost-wrap{margin-top:8px}.ops-cost-toolbar{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px;padding:14px 18px;display:flex}.ops-cost-filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.ops-cost-filters .filter-field{flex-direction:column;gap:4px;display:flex}.ops-cost-filters label{letter-spacing:.1em;text-transform:uppercase;color:var(--brown-mid);font-size:10px;font-weight:700}.ops-cost-filters select{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-width:140px;padding:8px 12px;font-family:inherit;font-size:13px}.ops-cost-filters select:focus{border-color:var(--green);outline:none}.ops-cost-actions{flex-wrap:wrap;gap:8px;display:flex}.ops-pl-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}@media (width<=1100px){.ops-pl-summary{grid-template-columns:repeat(2,1fr)}}.ops-pl-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:18px;position:relative;overflow:hidden}.ops-pl-card .label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10px;font-weight:700}.ops-pl-card .value{margin-top:8px;font-family:Lato,sans-serif;font-size:24px;font-weight:700;line-height:1.1}.ops-pl-card .sub{color:var(--muted);margin-top:4px;font-size:11px}.ops-pl-card.revenue .value{color:var(--green-dark)}.ops-pl-card.cost .value{color:var(--warn)}.ops-pl-card.profit-positive .value{color:var(--green-dark)}.ops-pl-card.profit-negative .value{color:var(--danger)}.ops-pl-card .accent{width:4px;height:100%;position:absolute;top:0;left:0}.ops-pl-card.revenue .accent{background:var(--green)}.ops-pl-card.cost .accent{background:var(--warn)}.ops-pl-card.profit-positive .accent{background:var(--green-dark)}.ops-pl-card.profit-negative .accent{background:var(--danger)}.ops-pl-card.margin .accent{background:var(--info)}.ops-cost-table-wrap{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;max-height:65vh;position:relative;overflow:auto}.ops-cost-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1280px;font-size:13px}.ops-cost-table thead th{background:var(--brown);color:#fff;text-transform:uppercase;letter-spacing:.06em;text-align:center;z-index:3;white-space:nowrap;padding:10px 8px;font-size:10.5px;font-weight:700;position:sticky;top:0}.ops-cost-table thead th.col-code{text-align:center;z-index:5;min-width:90px;padding-left:14px;left:0}.ops-cost-table thead th.col-name{text-align:left;z-index:5;min-width:280px;padding-left:14px;left:90px}.ops-cost-table thead th.col-type{text-align:center;z-index:5;min-width:120px;left:370px}.ops-cost-table thead th.col-outlet{z-index:5;text-align:left;min-width:130px;padding-left:10px;left:490px}.ops-cost-table thead th.col-total{background:var(--green-dark);z-index:5;min-width:120px;right:80px}.ops-cost-table thead th.col-actions{z-index:5;background:var(--brown-mid);min-width:80px;right:0}.ops-cost-table tbody td{border-bottom:1px solid var(--line);background:#fff;padding:6px 8px}.ops-cost-table tbody td.col-code{z-index:2;text-align:center;background:#fff;padding-left:14px;position:sticky;left:0}.ops-cost-table tbody td.col-name{z-index:2;color:var(--brown);background:#fff;padding-left:14px;font-weight:600;position:sticky;left:90px}.ops-cost-table tbody td.col-type{z-index:2;text-align:center;background:#fff;position:sticky;left:370px}.ops-cost-table tbody td.col-outlet{z-index:2;color:var(--muted);background:#fff;padding-left:10px;font-size:12px;position:sticky;left:490px}.ops-cost-table tbody td.col-total{background:var(--green-soft);z-index:2;color:var(--green-dark);text-align:right;font-variant-numeric:tabular-nums;padding-right:12px;font-weight:700;position:sticky;right:80px}.ops-cost-table tbody td.col-actions{z-index:2;text-align:center;background:#fff;position:sticky;right:0}.ops-cost-table tbody tr:hover td,.ops-cost-table tbody tr:hover td.col-name,.ops-cost-table tbody tr:hover td.col-code,.ops-cost-table tbody tr:hover td.col-type,.ops-cost-table tbody tr:hover td.col-outlet,.ops-cost-table tbody tr:hover td.col-actions{background:#faf7f2}.ops-cost-table tbody tr:hover td.col-total{background:#d5e9dc}.ops-type-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-block}.ops-type-badge.type-expense{color:#7e5109;background:#fef5e7}.ops-type-badge.type-cost-of-goods-sold{color:#922b21;background:#fdeaea}.ops-type-badge.type-other-income{color:var(--green-dark);background:#e7ebe8}.ops-type-badge.type-other-expense{color:#1b4f72;background:#ebf5fb}.ops-type-badge.type-non-posting{color:var(--brown-mid);background:#f0eae2}.ops-cell{text-align:right;cursor:pointer;font-variant-numeric:tabular-nums;min-width:80px;color:var(--ink);border-radius:4px;padding:6px 10px}.ops-cell.zero{color:#c0bcb4}.ops-cell:hover{outline:1px dashed var(--green);background:#f0f6f2}.ops-cell input{text-align:right;font-variant-numeric:tabular-nums;outline:2px solid var(--green);width:100%;color:var(--ink);background:#fff;border:none;border-radius:4px;padding:5px 8px;font-family:inherit;font-size:13px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ops-code-input{border:1px solid var(--line);text-align:center;width:90px;color:var(--brown);background:#fff;border-radius:6px;padding:5px 8px;font-family:monospace;font-size:12px}.ops-code-input:focus{border-color:var(--green);background:var(--green-soft);outline:none}.ops-code-input:disabled{cursor:not-allowed;color:var(--brown-mid);background:0 0;border-color:#0000}.ops-cost-table tfoot td{background:var(--brown);color:#fff;border-top:2px solid var(--brown-mid);z-index:2;text-align:right;font-variant-numeric:tabular-nums;padding:10px 8px;font-size:12px;font-weight:700;position:sticky;bottom:0}.ops-cost-table tfoot td.foot-label{text-align:left;text-transform:uppercase;letter-spacing:.08em;padding-left:14px;font-size:11px}.ops-cost-table tfoot tr.revenue-row td{background:var(--green-dark)}.ops-cost-table tfoot tr.net-row td{background:var(--ink);color:#fff}.ops-cost-table tfoot tr.net-row td.net-positive{color:#a8d5ba}.ops-cost-table tfoot tr.net-row td.net-negative{color:#f8b5ac}.ops-cost-empty{text-align:center;color:var(--muted);border:1px dashed var(--line);background:#fff;border-radius:12px;padding:60px 20px}.ops-cost-empty h3{color:var(--brown);margin-bottom:8px}.ops-action-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:14px}.ops-action-btn:hover{color:var(--danger);background:#fdeaea}.pen-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:11px;line-height:1;transition:all .15s;display:inline-flex}.pen-btn:hover{background:var(--green-soft);border-color:var(--green);transform:scale(1.08)}.ops-monthly-chart{border-bottom:1.5px solid var(--line);grid-template-columns:repeat(12,1fr);align-items:flex-end;gap:8px;padding:10px 0;display:grid}.ops-month-col{flex-direction:column;align-items:center;gap:6px;display:flex}.ops-month-bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:200px;display:flex}.ops-month-bar{border-radius:4px 4px 0 0;flex:1;min-height:2px;transition:opacity .15s,transform .15s}.ops-month-bar:hover{opacity:.85;transform:scaleY(1.02)}.ops-month-bar.rev-bar{background:linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%)}.ops-month-bar.cost-bar{background:linear-gradient(180deg, var(--warn) 0%, #b97500 100%)}.ops-month-label{color:var(--brown);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px;font-weight:700}.ops-month-net{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.ops-month-net.positive{color:var(--green-dark)}.ops-month-net.negative{color:var(--danger)}details summary{outline:none}details summary::-webkit-details-marker{display:none}details[open] summary{background:var(--brown-soft)!important}.bar-chart{border-bottom:1.5px solid var(--line);align-items:flex-end;gap:14px;height:240px;padding:20px 0;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%);cursor:pointer;border-radius:6px 6px 0 0;width:100%;min-height:6px;transition:all .4s;position:relative}.bar:hover{filter:brightness(1.1);transform:translateY(-2px)}.bar-val{color:var(--brown);white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bar-label{color:var(--brown-mid);text-align:center;font-size:11px;font-weight:500;line-height:1.2}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty svg{opacity:.3;margin-bottom:12px}.hidden{display:none!important}.section{display:none}.section.active{animation:.25s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.qty-pill{background:var(--brown-soft);color:var(--brown);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.tabs{border-bottom:1.5px solid var(--line);gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1.5px;padding:10px 18px;font-size:13px;font-weight:600}.tab.active{color:var(--green-dark);border-bottom-color:var(--green)}.tab:hover{color:var(--brown)}.outlet-pills{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:14px;display:flex}.logo-shape-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.printable{box-shadow:var(--shadow);color:#222;box-sizing:border-box;background:#fff;border-radius:14px;width:794px;min-height:1123px;margin:0 auto;padding:48px 56px;font-family:Lato,sans-serif}.printable h1{color:var(--brown);margin-bottom:4px;font-family:Lato,sans-serif;font-size:32px}.printable h2{color:var(--brown);margin-bottom:12px;font-family:Lato,sans-serif;font-size:20px}.printable h3{color:var(--brown);text-transform:uppercase;letter-spacing:.08em;margin-top:0;margin-bottom:8px;font-family:Lato,sans-serif;font-size:14px}.printable .doc-head{border-bottom:2px solid var(--brown);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:24px;display:flex}.printable .doc-brand{align-items:center;gap:14px;display:flex}.printable .doc-brand .mark{flex-shrink:0;width:56px;height:56px}.printable .doc-brand .name{color:var(--brown);font-family:Lato,sans-serif;font-size:22px;font-weight:700;line-height:1}.printable .doc-brand .tagline{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-top:4px;font-size:10px}.printable .doc-meta{text-align:right;color:var(--muted);font-size:12px;line-height:1.6}.printable .doc-meta strong{color:var(--brown);font-size:14px}.printable .doc-grid{grid-template-columns:1fr 1fr;gap:30px;margin-bottom:24px;display:grid}.printable .doc-block{background:var(--brown-soft);border-radius:10px;padding:16px;font-size:12.5px;line-height:1.6}.printable .doc-block .label{text-transform:uppercase;letter-spacing:.12em;color:var(--brown-mid);margin-bottom:6px;font-size:10px;font-weight:700}.printable table.doc-table{border-collapse:collapse;width:100%;margin:18px 0}.printable table.doc-table thead th{background:var(--brown);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.08em;padding:10px 12px;font-size:11px;font-weight:700}.printable table.doc-table tbody td{border-bottom:1px solid var(--line);padding:10px 12px;font-size:13px}.printable table.doc-table tbody tr:last-child td{border-bottom:none}.printable .doc-totals{width:320px;margin-left:auto;font-size:13px}.printable .doc-totals .row{border-bottom:1px dashed var(--line);justify-content:space-between;padding:6px 0;display:flex}.printable .doc-totals .row.grand{color:var(--brown);border-top:2px solid var(--brown);border-bottom:2px solid var(--brown);margin-top:8px;padding:12px 0;font-family:Lato,sans-serif;font-size:20px;font-weight:700}.printable .doc-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:36px;padding-top:18px;font-size:11px;line-height:1.6}.printable .doc-footer strong{color:var(--brown)}.doc-actions{justify-content:flex-end;gap:10px;margin-bottom:14px;display:flex}@media print{body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{box-shadow:none;width:100%;max-width:none;padding:30px;position:absolute;top:0;left:0}.doc-actions{display:none}}.logo-shape{aspect-ratio:1;background:var(--brown-soft);cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .15s;display:flex;position:relative}.logo-shape:hover{background:var(--green-soft);transform:translateY(-2px)}.logo-shape.active{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 3px #2eb82e26}.logo-shape svg{width:100%;height:100%}.logo-shape .shape-label{color:var(--muted);white-space:nowrap;font-size:9px;font-weight:600;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.outlet-pills .pills-label{text-transform:uppercase;letter-spacing:.12em;color:var(--brown-mid);border-right:1px solid var(--line);align-self:center;margin-right:8px;padding-right:12px;font-size:11px;font-weight:700}.outlet-pill{background:var(--brown-soft);color:var(--brown);cursor:pointer;border:1.5px solid #0000;border-radius:30px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s}.outlet-pill:hover{background:var(--green-soft);color:var(--green-dark)}.outlet-pill.active{background:var(--brown);color:#fff;border-color:var(--brown)}.outlet-pill.all{background:var(--green-soft);color:var(--green-dark)}.outlet-pill.all.active{background:var(--green);color:var(--primary-fg,#fff);border-color:var(--green)}.outlet-pill .count{background:#ffffff40;border-radius:20px;margin-left:6px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.outlet-pill:not(.active) .count{background:#0000000f}.dollar-skill-login{background:#e0ebe3;grid-template-columns:1.1fr 1fr;position:relative}.ds-clock{text-align:right;z-index:5;background:linear-gradient(135deg,#f0f6f2 0%,#e0ebe3 100%);border:1px solid #c4dfc9;border-radius:10px;padding:8px 14px;position:absolute;top:20px;right:24px}.ds-clock-time{color:#2a5f3e;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-family:Lato,sans-serif;font-size:18px;font-weight:700;line-height:1}.ds-clock-date{letter-spacing:.16em;color:#5f7867;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:700}@media (width<=520px){.ds-clock{padding:6px 10px;top:14px;right:14px}.ds-clock-time{font-size:15px}.ds-clock-date{font-size:8px}}.ds-client-card{background:linear-gradient(135deg,#f7fbf8 0%,#e0ebe3 100%);border:1.5px solid #c4dfc9;border-radius:12px;margin-top:20px;padding:16px 18px;position:relative}.ds-client-card:before{content:"";background:#2a5f3e;border-radius:50%;width:8px;height:8px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 4px #2a5f3e26}.ds-client-label{text-transform:uppercase;letter-spacing:.16em;color:#5f7867;margin-bottom:6px;font-size:10px;font-weight:700}.ds-client-name{color:#2a5f3e;letter-spacing:-.01em;font-family:Lato,sans-serif;font-size:18px;font-weight:700;line-height:1.2}.ds-client-tin{color:#5f7867;letter-spacing:.04em;margin-top:4px;font-family:monospace;font-size:11px}.ds-developer{color:#7a8e80;letter-spacing:.04em;margin-top:6px;font-size:10.5px}.ds-developer strong{color:#2a5f3e;font-weight:600}.dollar-skill-login .login-art{color:#fff;background:linear-gradient(135deg,#2a5f3e 0%,#1e4630 100%);padding:50px 60px;position:relative;overflow:hidden}.ds-watermark{pointer-events:none;z-index:0;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.ds-top,.ds-middle,.ds-foot{z-index:1;position:relative}.ds-top{align-items:flex-start;gap:18px;margin-bottom:50px;display:flex}.ds-brand-mark svg{filter:drop-shadow(0 6px 16px #00000040);width:64px;height:74px}.ds-brand-text{flex-direction:column;justify-content:center;padding-top:6px;display:flex}.ds-title-script{color:#fff;letter-spacing:-.01em;font-family:Lato,sans-serif;font-size:30px;font-style:italic;font-weight:600;line-height:1}.ds-title-script.ds-sub{color:#ffffffeb;margin-top:2px;font-size:26px}.ds-tagline{letter-spacing:.32em;color:#fff9;text-transform:uppercase;margin-top:10px;font-size:10px;font-weight:600}.ds-middle{margin:auto 0}.ds-headline{color:#fff;letter-spacing:-.02em;margin-bottom:18px;font-family:Lato,sans-serif;font-size:46px;font-weight:700;line-height:1.05}.ds-headline em{color:#a8d5ba;font-style:italic;font-weight:400}.ds-lead{color:#ffffffc7;max-width:480px;margin-bottom:26px;font-size:14.5px;line-height:1.65}.ds-features{flex-direction:column;gap:11px;display:flex}.ds-feat{color:#ffffffd9;align-items:center;gap:12px;font-size:13px;display:flex}.ds-feat-dot{background:#a8d5ba;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 4px #a8d5ba2e}.ds-foot{color:#ffffff8c;letter-spacing:.04em;border-top:1px solid #ffffff1f;margin-top:50px;padding-top:24px;font-size:11px}.ds-foot strong{color:#a8d5ba;letter-spacing:.06em;font-weight:600}.ds-form-side{background:#e0ebe3;justify-content:center;align-items:center;max-width:none;padding:40px;display:flex}.ds-form-inner{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:48px 44px;position:relative;box-shadow:0 20px 60px #2a5f3e1f,0 6px 20px #2a5f3e0f}.ds-form-badge{background:linear-gradient(135deg,#e0ebe3 0%,#c4dfc9 100%);border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.ds-form-badge-detailed{z-index:5;filter:drop-shadow(0 4px 10px #21784a26);background:0 0;border-radius:0;width:78px;height:90px;margin:0;position:absolute;top:14px;left:24px}.ds-form-inner{padding-top:118px!important}@media (width<=520px){.ds-form-badge-detailed{width:60px;height:72px;top:10px;left:14px}.ds-form-inner{padding-top:96px!important}}.ds-form-title{color:#2a5f3e;letter-spacing:-.01em;margin-bottom:6px;font-family:Lato,sans-serif;font-size:30px}.ds-form-sub{color:#5f7867;margin-bottom:30px;font-size:14px}.ds-form-side .field label{color:#2a5f3e}.ds-form-side .field input{background:#f7fbf8;border-color:#d4e2d7}.ds-form-side .field input:focus{background:#fff;border-color:#2a5f3e;box-shadow:0 0 0 4px #2a5f3e1a}.ds-btn{box-shadow:0 6px 16px #2a5f3e40;background:#2a5f3e!important}.ds-btn:hover{box-shadow:0 8px 20px #2a5f3e59;background:#1e4630!important}.ds-hint{color:#5f7867;background:#f0f6f2;border-left:3px solid #a8d5ba;border-radius:0 8px 8px 0}.ds-hint strong{color:#2a5f3e}.ds-form-foot{text-align:center;color:#7a8e80;letter-spacing:.02em;margin-top:20px;font-size:11px}.ds-form-foot strong{color:#2a5f3e;font-weight:600}@media (width<=1000px){.dollar-skill-login{grid-template-columns:1fr}.dollar-skill-login .login-art{display:none}.ds-form-inner{padding:36px 28px}}.mobile-menu-btn{display:none}@media (width<=900px){.login-wrap{grid-template-columns:1fr}.login-art{display:none}.app.active{grid-template-columns:1fr}.sidebar{z-index:50;height:100vh;transition:left .3s;position:fixed;top:0;left:-260px}.sidebar.open{left:0}.main{padding:20px}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.mobile-menu-btn{display:block}.top-bar-left{justify-content:space-between;width:100%}.top-bar-workspace{display:none!important}.top-bar-search{order:3;margin-top:12px;width:100%!important;max-width:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin}