:root{--emerald-900: #0f3d2e;--emerald-700: #1f7a55;--emerald-600: #279060;--emerald-500: #2faa72;--emerald-400: #46c98c;--gold: #d9a441;--ink: #16201c;--ink-soft: #5a6b63;--paper: #f4f7f4;--card: #ffffff;--line: #e5ece8;--blue: #2f7df6;--teal: #16c79a;--amber: #f6a821;--shadow: 0 18px 40px -20px rgba(15, 61, 46, .35);--radius: 18px;font-synthesis:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}.brand{display:flex;align-items:center;gap:12px}.brand .ring{width:44px;height:44px;border-radius:50%;background:conic-gradient(from 210deg,var(--emerald-400),var(--emerald-700) 70%,transparent 71%);-webkit-mask:radial-gradient(circle 13px at 50% 50%,transparent 96%,#000 0);mask:radial-gradient(circle 13px at 50% 50%,transparent 96%,#000 0);flex:none}.brand .word{line-height:1;letter-spacing:.22em;font-weight:600}.brand .word b{display:block;font-size:1.05rem}.brand .word span{display:block;font-size:1.05rem;font-weight:300;color:var(--ink-soft)}.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:radial-gradient(1200px 600px at -10% -20%,#1f7a5533,transparent 60%),radial-gradient(1000px 700px at 120% 120%,#d9a44122,transparent 60%),var(--emerald-900)}.auth__art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#eaf3ee}.auth__art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#103b2dcc,#0f3d2e99),url(https://images.unsplash.com/photo-1616486338812-3dadae4b4ace?auto=format&fit=crop&w=1400&q=80) center/cover;filter:saturate(1.05);z-index:0}.auth__art>*{position:relative;z-index:1}.auth__art .brand .word b,.auth__art .brand .word span{color:#eaf3ee}.auth__tag{max-width:440px}.auth__tag h1{font-size:2.5rem;font-weight:600;line-height:1.12}.auth__tag h1 em{font-style:normal;color:var(--emerald-400)}.auth__tag p{margin-top:16px;color:#c8d8cf;font-weight:300;line-height:1.6}.auth__chips{display:flex;gap:12px;flex-wrap:wrap}.auth__chips span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid rgba(255,255,255,.18);padding:8px 14px;border-radius:999px;font-size:.82rem;font-weight:300}.auth__form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.auth__card{width:min(420px,100%);background:var(--card);border-radius:24px;padding:42px 38px;box-shadow:0 30px 60px -25px #00000073}.auth__card h2{font-size:1.5rem;font-weight:600}.auth__card .sub{color:var(--ink-soft);font-weight:300;margin:6px 0 28px;font-size:.92rem}.field{position:relative;margin-bottom:18px}.field>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-soft);pointer-events:none}.field input{width:100%;padding:15px 16px 15px 46px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#f8faf9;transition:.2s}.field input:focus{outline:none;border-color:var(--emerald-500);background:#fff;box-shadow:0 0 0 4px #2faa7224}.field .toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;padding:4px;cursor:pointer;background:none;border:0;color:var(--ink-soft)}.field .toggle svg{position:static;display:block}.field .toggle:hover{color:var(--emerald-700)}.auth__row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px;font-size:.85rem}.auth__row label{display:flex;align-items:center;gap:8px;color:var(--ink-soft);cursor:pointer}.auth__row a{color:var(--emerald-700);text-decoration:none;font-weight:500}.btn-primary{width:100%;padding:15px;border:0;border-radius:12px;cursor:pointer;color:#fff;font:inherit;font-weight:600;letter-spacing:.02em;text-decoration:none;background:var(--emerald-700);transition:transform .12s,background .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);background:var(--emerald-900)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth__hint{margin-top:18px;font-size:.8rem;color:var(--ink-soft);text-align:center}.auth__hint code{background:#eef4f0;padding:2px 7px;border-radius:6px;color:var(--emerald-700)}.auth__error{color:#d23b3b;font-size:.82rem;margin-top:-8px;margin-bottom:12px;display:none}.auth__error.show{display:block}.app{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.shell-content{min-width:0}.side{background:linear-gradient(180deg,var(--emerald-900),#0d3829);color:#cfe0d8;padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.side .brand{padding:0 8px 26px}.side .brand .word b,.side .brand .word span{color:#eaf3ee}.nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;color:#b9cdc3;text-decoration:none;font-size:.92rem;font-weight:300;transition:.18s;cursor:pointer}.nav a svg{width:19px;height:19px;flex:none}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.active{background:linear-gradient(135deg,var(--emerald-600),var(--emerald-700));color:#fff;font-weight:500}.side .nav--bottom{margin-top:auto}.main{padding:40px 48px 60px;display:block}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h1{font-size:1.45rem;font-weight:600}.topbar h1 span{color:var(--ink-soft);font-weight:300;font-size:.95rem;display:block;margin-top:2px}.topbar__right{display:flex;align-items:center;gap:16px}.datefilter{position:relative}.datefilter__btn{width:44px;height:44px;border-radius:12px;cursor:pointer;display:grid;place-items:center;color:var(--emerald-700);background:#fff;border:1px solid var(--line);transition:.18s}.datefilter__btn:hover{border-color:var(--emerald-400);background:#f7fbf9}.datefilter__btn.open{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700)}.datefilter__pop{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:250px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 22px 48px -20px #0f3d2e73;display:flex;flex-direction:column;gap:6px}.datefilter__pop[hidden]{display:none}.datefilter__pop label{font-size:.82rem;font-weight:500;color:var(--ink);margin-top:6px}.datefilter__pop input[type=date]{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#f8faf9;color:var(--ink)}.datefilter__pop input[type=date]:focus{outline:none;border-color:var(--emerald-500);background:#fff;box-shadow:0 0 0 4px #2faa7224}.datefilter__pop .btn-primary{margin-top:14px;padding:12px}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--ink-soft)}.search input{border:0;outline:0;font:inherit;width:180px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--emerald-500),var(--emerald-700));color:#fff;font-weight:600;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:22px}.stat{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);border:1px solid var(--line);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;opacity:.12;background:var(--accent, var(--emerald-500))}.stat .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent, var(--emerald-500)) 16%,#fff);color:var(--accent, var(--emerald-700));margin-bottom:12px}.stat .ico svg{width:20px;height:20px}.stat .label{font-size:.78rem;color:var(--ink-soft);font-weight:300}.stat .value{font-size:1.45rem;font-weight:600;margin-top:3px}.stat .value small{font-size:.8rem;color:var(--ink-soft);font-weight:400}.grid{display:grid;grid-template-columns:1fr 360px;gap:18px}.panel{background:var(--card);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);border:1px solid var(--line)}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel__head h3{font-size:1.05rem;font-weight:600}.panel__head p{font-size:.8rem;color:var(--ink-soft);font-weight:300}.seg{display:inline-flex;background:#eef4f0;border-radius:11px;padding:4px}.seg button{border:0;background:transparent;cursor:pointer;font:inherit;font-size:.85rem;padding:7px 16px;border-radius:8px;color:var(--ink-soft);font-weight:500;transition:.18s}.seg button.active{background:#fff;color:var(--emerald-700);box-shadow:0 4px 10px -4px #0003}.chart-wrap{height:340px;position:relative}.prod-list{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;padding-right:4px}.prod-list::-webkit-scrollbar{width:6px}.prod-list::-webkit-scrollbar-thumb{background:#d6e2db;border-radius:10px}.prod{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:13px;transition:.15s}.prod:hover{border-color:var(--emerald-400);background:#f7fbf9;transform:translate(2px)}.prod .thumb{width:44px;height:44px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:.72rem;font-weight:600;color:var(--emerald-700);background:linear-gradient(135deg,#e7f4ed,#d3ebdf)}.prod .info{flex:1;min-width:0}.prod .info b{font-size:.85rem;font-weight:500;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod .info span{font-size:.74rem;color:var(--ink-soft)}.prod .metric{text-align:right;font-size:.78rem}.prod .metric b{font-weight:600}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:600;white-space:nowrap}.badge.ok{background:#e3f6ec;color:#1f7a55}.badge.low{background:#fdecec;color:#d23b3b}.badge.warn{background:#fdf2e0;color:#b9852b}.toolbar{display:flex;gap:12px;align-items:stretch;margin-bottom:16px;flex-wrap:wrap}.toolbar__search{flex:1;min-width:200px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 14px;color:var(--ink-soft);transition:.18s;font-size:.9rem}.toolbar__search svg{width:16px;height:16px}.toolbar__search:focus-within{border-color:var(--emerald-500);box-shadow:0 0 0 4px #2faa721f}.toolbar__search input{border:0;outline:0;font:inherit;width:100%;background:transparent;color:var(--ink)}.toolbar__phone{flex:0 1 240px;min-width:170px}.toolbar__select{font:inherit;font-size:.9rem;padding:10px 38px 10px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);cursor:pointer;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6b63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.toolbar__select:focus{outline:none;border-color:var(--emerald-500);box-shadow:0 0 0 4px #2faa721f}.toolbar__add{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border:1px solid transparent;border-radius:11px;font-size:.9rem;line-height:1.4;white-space:nowrap;box-shadow:none}.toolbar__add:hover{box-shadow:none}.toolbar__add svg{width:16px;height:16px}.table-card{padding:0;overflow:hidden}.table-card__head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:12px}.table-card__head p{color:var(--ink-soft);font-size:.85rem;font-weight:300}.table-card__head b{color:var(--ink);font-weight:600}.pager{display:flex;align-items:center;gap:8px}.pager__btn{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;background:#fff;border:1px solid var(--line);color:var(--ink);transition:.15s}.pager__btn:hover:not(:disabled){border-color:var(--emerald-400);color:var(--emerald-700)}.pager__btn:disabled{opacity:.4;cursor:not-allowed}.pager__num{min-width:30px;height:30px;padding:0 6px;border-radius:8px;display:grid;place-items:center;background:var(--emerald-700);color:#fff;font-weight:600;font-size:.85rem}.pager__label{font-size:.82rem;color:var(--ink-soft);margin-left:4px}.rows-per{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--ink-soft);margin-right:6px}.rows-per select{font:inherit;font-size:.82rem;padding:5px 26px 5px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a6b63' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center}.pager__pages{display:flex;align-items:center;gap:4px}.pager__page{min-width:30px;height:30px;padding:0 6px;border-radius:8px;cursor:pointer;font:inherit;font-size:.85rem;background:#fff;border:1px solid var(--line);color:var(--ink);transition:.15s}.pager__page:hover{border-color:var(--emerald-400);color:var(--emerald-700)}.pager__page.active{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700);font-weight:600}.pager__dots{padding:0 2px;color:var(--ink-soft)}.cat-table th.ta-center,.cat-table td.ta-center{text-align:center}.np-pager{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.np{min-width:30px;height:30px;padding:0 8px;border-radius:8px;cursor:pointer;font:inherit;font-size:.85rem;background:#fff;border:1px solid var(--line);color:var(--ink);transition:.15s}.np:hover:not(:disabled){border-color:var(--emerald-400);color:var(--emerald-700)}.np:disabled{opacity:.4;cursor:not-allowed}.np.active{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700);font-weight:600}.np-ellipsis{padding:0 2px;color:var(--ink-soft)}.np-label{font-size:.82rem;color:var(--ink-soft);margin-left:6px}.rep-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.rep-tab{border:1px solid var(--line);background:#fff;cursor:pointer;font:inherit;font-weight:500;font-size:.88rem;padding:10px 18px;color:var(--ink-soft);border-radius:10px;transition:.15s}.rep-tab:hover{border-color:var(--emerald-400);color:var(--emerald-700)}.rep-tab.active{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700)}.exports{display:flex;gap:10px}.btn-export{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:500;font-size:.88rem;cursor:pointer;color:var(--ink);transition:.15s}.btn-export:hover:not(:disabled){border-color:var(--emerald-400);color:var(--emerald-700)}.btn-export:disabled{opacity:.45;cursor:not-allowed}.btn-export svg{width:16px;height:16px}.pill.warn{background:#fdf2e0;color:#b9852b}.pill.danger{background:#fdecec;color:#d23b3b}.prod-table .price{font-weight:600;font-variant-numeric:tabular-nums}.prod-table .qty{font-variant-numeric:tabular-nums;color:var(--ink)}.toolbar__download{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-size:.9rem;line-height:1.4;white-space:nowrap}.toolbar__download svg{width:16px;height:16px}.toolbar .toolbar__download,.toolbar .toolbar__add{padding:10px 18px}.modal__card--lg .modal__body{padding:16px 30px 28px}.modal__card--lg .modal__head{padding:26px 30px 6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.form-grid>div{display:flex;flex-direction:column}.form-grid .fl{min-height:18px}.form-grid .fi{margin-top:auto}.fi--select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6b63' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:38px}.table-scroll{overflow-x:auto}.table-scroll--infinite{max-height:460px;overflow-y:auto;overscroll-behavior:contain}.table-scroll--infinite thead th{position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px 0 var(--line)}.scroll-status{padding:12px 20px;text-align:center;font-size:.78rem;font-weight:500;color:var(--ink-soft);border-top:1px solid var(--line);background:#fbfdfc}*{scrollbar-width:thin;scrollbar-color:#c6d5cd transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#c6d5cd;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#a5bbaf}.cat-table{width:100%;border-collapse:collapse;min-width:720px}.cat-table thead th{text-align:left;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);padding:12px 20px;background:#f6f9f7;border-bottom:1px solid var(--line)}.cat-table th.ta-right,.cat-table td.ta-right{text-align:right}.cat-table tbody td{padding:12px 20px;border-bottom:1px solid var(--line);font-size:.88rem;vertical-align:middle}.cat-table tbody tr{transition:background .15s}.cat-table tbody tr:hover{background:#f7fbf9}.cat-table tbody tr:last-child td{border-bottom:0}.cat-cell{display:flex;align-items:center;gap:11px}.cat-thumb{width:38px;height:38px;border-radius:10px;flex:none;display:grid;place-items:center;font-size:.76rem;font-weight:600;color:#fff;overflow:hidden}.cat-thumb img{width:100%;height:100%;object-fit:cover}.cat-name{font-weight:500}.cat-desc{color:var(--ink-soft)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.active{background:#e3f6ec;color:#1f7a55}.pill.inactive{background:#f0f1f3;color:#79808a}.role-pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em}.role-pill.admin{background:#e7eefe;color:#2f5fd0}.role-pill.supervisor{background:#fdf0d9;color:#a3701a}.role-pill.user{background:#eef4f0;color:#1f7a55}.profile{position:relative;flex:none}.profile__btn{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;transition:.18s}.profile__btn:hover{border-color:var(--emerald-400);background:#f7fbf9}.profile__btn.open{border-color:var(--emerald-700);box-shadow:0 0 0 3px #2faa7221}.profile__avatar{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--emerald-500),var(--emerald-700))}.profile__avatar--lg{width:46px;height:46px;font-size:1rem}.profile__who{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.profile__who b{font-size:.85rem;font-weight:500}.profile__who span{font-size:.72rem;color:var(--ink-soft)}.profile__caret{color:var(--ink-soft);flex:none}.profile__pop{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:288px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 48px -20px #0f3d2e73}.profile__card{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.profile__id{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}.profile__id b{font-size:.95rem;font-weight:600}.profile__id>span{font-size:.78rem;color:var(--ink-soft);max-width:100%;overflow:hidden;text-overflow:ellipsis}.profile__meta{padding:14px 0;display:flex;flex-direction:column;gap:10px}.profile__meta>div{display:flex;justify-content:space-between;gap:12px;font-size:.8rem}.profile__meta dt{color:var(--ink-soft)}.profile__meta dd{color:var(--ink);font-weight:500;text-align:right;overflow:hidden;text-overflow:ellipsis}.profile__logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:11px;cursor:pointer;font:inherit;font-weight:500;border:1px solid var(--line);background:#fff;color:#c0392b;transition:.18s}.profile__logout:hover{background:#fdecea;border-color:#f5c6c0}@media(max-width:860px){.profile__who{display:none}.profile__btn{padding:5px}}.row-actions{display:inline-flex;gap:8px;justify-content:flex-end}.icon-btn{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;cursor:pointer;background:#fff;border:1px solid var(--line);color:var(--ink-soft);transition:.15s}.icon-btn svg{width:15px;height:15px}.icon-btn:hover:not(:disabled){transform:translateY(-1px)}.icon-btn.edit:hover:not(:disabled){border-color:var(--emerald-400);color:var(--emerald-700);background:#f0f9f4}.icon-btn.del:hover:not(:disabled){border-color:#f3c2c2;color:#d23b3b;background:#fdf1f1}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.empty{padding:50px 20px;text-align:center;color:var(--ink-soft)}.empty svg{color:#c4d3cb;margin-bottom:12px}.empty p{font-weight:300}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal__backdrop{position:absolute;inset:0;background:#0a20188c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__card{position:relative;width:min(480px,100%);background:#fff;border-radius:20px;box-shadow:0 40px 80px -30px #00000080;max-height:92vh;overflow-y:auto;animation:pop .22s ease}.modal__card--sm{width:min(380px,100%)}.modal__card--lg{width:880px;max-width:calc(100vw - 40px)}@keyframes pop{0%{transform:translateY(12px) scale(.97);opacity:0}to{transform:none;opacity:1}}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 6px}.modal__head h2{font-size:1.25rem;font-weight:600;color:var(--emerald-700)}.modal__x{width:34px;height:34px;border-radius:9px;border:0;background:#f3f5f4;color:var(--ink-soft);cursor:pointer;display:grid;place-items:center;transition:.15s}.modal__x:hover{background:#fde7e7;color:#d23b3b}.modal__body{padding:14px 24px 24px}.fl{display:block;font-size:.82rem;font-weight:500;margin:14px 0 7px;color:var(--ink)}.fl .req{color:#d23b3b;font-weight:700}.fl:first-child{margin-top:0}.fi{width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:11px;font:inherit;background:#f8faf9;color:var(--ink);resize:vertical}.fi:focus{outline:none;border-color:var(--emerald-500);background:#fff;box-shadow:0 0 0 4px #2faa7221}.combo{position:relative}.combo__control{display:flex;align-items:center;gap:9px;padding:11px 14px;color:var(--ink-soft)}.combo__control:focus-within{border-color:var(--emerald-500);background:#fff;box-shadow:0 0 0 4px #2faa7221}.combo__control input{flex:1;min-width:0;border:0;outline:0;font:inherit;background:transparent;color:var(--ink)}.combo__menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;max-height:260px;overflow-y:auto;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px -12px #0f3d2e47}.combo__option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:0;border-radius:8px;background:transparent;font:inherit;text-align:left;cursor:pointer;color:var(--ink)}.combo__option:hover{background:#f0f9f4}.combo__option.selected{background:#e3f6ec;font-weight:600}.combo__name{flex:1}.combo__meta{font-size:.78rem;color:var(--ink-soft)}.combo__option--add{color:var(--emerald-700);font-weight:600;border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px}.combo__empty{padding:14px 12px;font-size:.85rem;color:var(--ink-soft);text-align:center}.newcust{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding:13px 16px;border:1px solid #cfe9dc;border-radius:12px;background:#f0f9f4}.newcust__note{font-size:.85rem;color:var(--emerald-700)}.newcust__note b{font-weight:600}.newcust__save{width:auto;padding:10px 20px;border-radius:10px;font-size:.88rem;white-space:nowrap}.panel--locked{opacity:.72}.panel--locked .fi,.panel--locked .btn-primary{cursor:not-allowed}.locked-note{margin-bottom:12px;padding:10px 13px;border-radius:9px;background:#f4f7f5;font-size:.82rem;color:var(--ink-soft)}.picker__search{display:flex;align-items:center;gap:9px;padding:11px 14px;margin-bottom:9px;border:1.5px solid var(--line);border-radius:11px;background:#f8faf9;color:var(--ink-soft);transition:.18s}.picker__search:focus-within{border-color:var(--emerald-500);background:#fff;box-shadow:0 0 0 4px #2faa7221}.picker__search input{flex:1;border:0;outline:0;font:inherit;background:transparent;color:var(--ink)}.picker__list{padding:6px;height:auto;cursor:pointer}.picker__list option{padding:9px 10px;border-radius:8px}.picker__list option:checked{background:var(--emerald-600, #279060);color:#fff}.picker__empty{padding:18px 4px;text-align:center;font-size:.85rem;color:var(--ink-soft)}.dropzone{display:flex;align-items:center;gap:14px;padding:16px;cursor:pointer;border:1.5px dashed #cdddd4;border-radius:13px;background:#f8faf9;transition:.18s;color:var(--ink-soft)}.dropzone:hover,.dropzone.drag{border-color:var(--emerald-500);background:#f0f9f4;color:var(--emerald-700)}.dropzone__text{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:300}.dropzone__text b{font-weight:600;color:var(--emerald-700)}.dropzone__preview{display:none;width:52px;height:52px;border-radius:10px;overflow:hidden;flex:none}.dropzone__preview.show{display:block}.dropzone__preview img{width:100%;height:100%;object-fit:cover}.switch{display:flex;align-items:center;gap:10px;margin-top:18px;cursor:pointer;font-weight:500;font-size:.9rem;-webkit-user-select:none;user-select:none}.switch input{display:none}.switch__track{width:42px;height:24px;border-radius:999px;background:#ccd5d0;position:relative;transition:.2s;flex:none}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0000004d}.switch input:checked+.switch__track{background:var(--emerald-500)}.switch input:checked+.switch__track:after{transform:translate(18px)}.modal__foot{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.btn-ghost{padding:12px 22px;border-radius:11px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:500;cursor:pointer;color:var(--ink);text-decoration:none;transition:.15s}.btn-ghost:hover{background:#f3f5f4}.modal__foot .btn-primary{width:auto}.modal__foot .btn-primary,.confirm__actions .btn-danger{padding:12px 22px}.btn-danger{padding:12px 22px;border-radius:11px;border:0;background:#d23b3b;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:.15s}.btn-danger:hover{background:#b62f2f}.confirm{padding:28px 24px;text-align:center}.confirm__icon{width:56px;height:56px;border-radius:50%;background:#fdecec;color:#d23b3b;display:grid;place-items:center;margin:0 auto 14px}.confirm__icon--ok{background:#e7f5ee;color:var(--emerald-600)}.pay{display:flex;flex-direction:column;gap:6px}.pay__head{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:.04em;color:var(--emerald-600);margin-bottom:4px}.pay__chip{width:18px;height:18px;border-radius:5px;background:var(--emerald-500);flex:none}.pay__methods{display:flex;flex-wrap:wrap;gap:18px;margin:4px 0 8px}.pay__radio{display:inline-flex;align-items:center;gap:7px;font-weight:500;cursor:pointer}.pay__radio input{accent-color:var(--emerald-600);width:16px;height:16px}.pay .fl{margin-top:8px}.pay__readonly{background:#f4f7f4;color:var(--ink-soft)}.totals__pay{margin:10px 0 14px;padding-top:12px;border-top:1px solid var(--line)}.confirm__actions .btn-primary{width:auto;padding:12px 22px}.confirm h3{font-size:1.15rem;font-weight:600}.confirm p{color:var(--ink-soft);font-size:.9rem;font-weight:300;margin-top:6px}.confirm__actions{display:flex;gap:10px;justify-content:center;margin-top:22px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(20px);background:var(--emerald-900);color:#fff;padding:13px 22px;border-radius:12px;font-size:.9rem;font-weight:500;z-index:200;box-shadow:0 18px 40px -16px #00000080;opacity:0;transition:.28s;display:flex;align-items:center;gap:9px}.toast[hidden]{display:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.danger{background:#b62f2f}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}.tab{border:0;background:transparent;cursor:pointer;font:inherit;font-weight:500;font-size:.92rem;padding:12px 26px;color:var(--ink-soft);border-radius:12px 12px 0 0;position:relative;transition:.15s}.tab:hover{color:var(--emerald-700)}.tab.active{color:#fff;background:var(--emerald-700)}.filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.filters__search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 14px;height:42px;color:var(--ink-soft);min-width:220px;flex:1 1 220px}.filters__search input{border:0;outline:0;font:inherit;width:100%;background:transparent;color:var(--ink)}.filters__field,.filters__group{display:flex;flex-direction:column;gap:5px}.filters label{font-size:.76rem;color:var(--ink-soft);font-weight:500;padding-left:2px}.filters select,.filters input[type=date],.filters__range input,.filters .search-select{font:inherit;font-size:.88rem;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}.filters .search-select{min-width:180px;max-width:230px;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6b63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.filters .search-select::-webkit-calendar-picker-indicator{opacity:0}.filters select{min-width:180px;max-width:230px;cursor:pointer;padding-right:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235a6b63' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.filters select:focus,.filters input:focus{outline:none;border-color:var(--emerald-500);box-shadow:0 0 0 3px #2faa7221}.filters__range{display:flex;align-items:center;gap:7px}.filters__range input{width:92px}.filters__range span{color:var(--ink-soft)}.filters .exports{align-self:flex-end}.filters .btn-export{height:42px}.icon-btn.reset{width:40px;height:40px}.draft-create{width:auto;padding:9px 18px;font-size:.88rem;margin-left:auto;text-decoration:none;align-self:flex-end;line-height:1.4;display:inline-flex;align-items:center;gap:6px}.badge-status{display:inline-block;white-space:nowrap;padding:5px 13px;border-radius:7px;font-size:.72rem;font-weight:600;letter-spacing:.03em}.badge-status.draft{background:#2f7df6;color:#fff}.badge-status.quotation{background:#f6a821;color:#fff}.badge-status.invoice{background:#1f7a55;color:#fff}.badge-status.credit{background:#d23b3b;color:#fff}.badge-status.paid{background:#1f7a55;color:#fff}.badge-status.partial{background:#e07b16;color:#fff}.badge-status.rejected{background:#8a8f98;color:#fff}.draft-table .num{font-weight:600;color:var(--emerald-700)}.draft-table .amt{font-variant-numeric:tabular-nums;font-weight:500}.placeholder{text-align:center;padding:80px 20px;color:var(--ink-soft)}.placeholder svg{color:#c4d3cb;margin-bottom:16px}.placeholder h3{font-size:1.3rem;font-weight:600;color:var(--ink)}.placeholder p{margin-top:6px;font-weight:300}.cust-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px}.cust-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.cust-grid .fi,.cust-grid2 .fi,.line-entry .fi{padding:9px 12px;font-size:.88rem}.line-entry{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr .8fr 1fr auto;gap:10px;align-items:end}.le-field{display:flex;flex-direction:column;gap:5px}.le-field label{font-size:.76rem;color:var(--ink-soft);font-weight:500}.le-add{width:auto;padding:9px 20px;height:38px;align-self:end}.items-table th,.items-table td{white-space:nowrap}.items-empty td{text-align:center;color:var(--ink-soft);font-weight:300;padding:22px}.totals-wrap{display:flex;justify-content:flex-end;margin-top:18px}.totals{width:min(340px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow)}.totals__row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:.88rem;color:var(--ink-soft)}.totals__row b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}.totals__input{width:120px;text-align:right;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}.totals__input:focus{outline:none;border-color:var(--emerald-500);box-shadow:0 0 0 3px #2faa7221}.totals__grand{border-top:1.5px solid var(--line);margin-top:4px;padding-top:14px;font-size:1.05rem}.totals__grand span{color:var(--emerald-700);font-weight:600}.totals__grand b{font-size:1.25rem;color:var(--emerald-700)}.totals__save{width:100%;margin-top:16px;padding:13px}@media(max-width:900px){.cust-grid,.cust-grid2{grid-template-columns:1fr}.line-entry{grid-template-columns:1fr 1fr}.le-prod,.le-add{grid-column:1 / -1}.draft-create{margin-left:0;width:100%;justify-content:center}}.menu-btn,.side__overlay{display:none}@media(max-width:1280px){.grid{grid-template-columns:1fr 320px}}@media(max-width:1080px){.app{grid-template-columns:220px 1fr}.stats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.main{padding:28px}}@media(max-width:860px){.auth{grid-template-columns:1fr}.auth__art{display:none}.auth__form-wrap{padding:28px 20px;min-height:100vh}.app{grid-template-columns:1fr}.side{position:fixed;top:0;left:0;z-index:50;width:250px;height:100vh;height:100dvh;transform:translate(-100%);transition:transform .28s ease;box-shadow:24px 0 60px -30px #0009}.side.open{transform:translate(0)}.side__overlay{display:block;position:fixed;inset:0;z-index:40;background:#081c1580;opacity:0;pointer-events:none;transition:opacity .28s}.side__overlay.show{opacity:1;pointer-events:auto}.menu-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--emerald-700);cursor:pointer}.topbar{gap:12px}.topbar h1{font-size:1.2rem}}@media(max-width:600px){.main{padding:22px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:14px}.stat .value{font-size:1.2rem}.panel{padding:16px}.panel__head{flex-direction:column;align-items:flex-start;gap:12px}.seg button{padding:7px 12px;font-size:.8rem}.chart-wrap{height:280px}.topbar{flex-wrap:wrap}.topbar h1 span{display:none}.auth__card{padding:30px 22px}.auth__card h2{font-size:1.3rem}.toolbar__select,.toolbar__add,.toolbar__download{flex:1;justify-content:center}.table-card__head{justify-content:center}.form-grid{grid-template-columns:1fr}}@media(max-width:380px){.stats{grid-template-columns:1fr}.seg{width:100%}.seg button{flex:1}}