html{font-size:62.5%}:root{--kv-primary:#0070f4;--kv-primary-dark:#0058c2;--kv-success:#00b63e;--kv-success-bg:#e4f8ea;--kv-info:#06f;--kv-warning:#f80;--kv-danger:red;--kv-danger-bg:#fdeaea;--kv-gray-100:#e0e3e6;--kv-gray-200:#c2c7ce;--kv-gray-300:#a4acb5;--kv-gray-600:#525d6a;--kv-gray-800:#292e35;--kv-gray-900:#15171a;--kv-radius-sm:.6rem;--kv-radius-md:.8rem;--kv-space-sm:.4rem;--kv-space-md:.8rem;--text:var(--kv-gray-900);--bg:#f5f6f8;--panel-bg:#fff;--border:var(--kv-gray-100);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;font:1.4rem/1.5 Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text);font-weight:600}.modal-overlay{z-index:100;background:#15171a80;justify-content:center;align-items:flex-start;padding:4rem 1.6rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--panel-bg);border-radius:var(--kv-radius-md);flex-direction:column;width:100%;max-width:720px;max-height:calc(100vh - 8rem);display:flex;box-shadow:0 12px 40px #00000040}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.6rem 2rem;display:flex}.modal-header h2{margin:0;font-size:1.7rem}.modal-close{color:var(--kv-gray-600);background:0 0;border:none;padding:0 .4rem;font-size:2.2rem;line-height:1}.modal-close:hover{background:var(--kv-gray-100);border-radius:var(--kv-radius-sm)}.modal-body{padding:2rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.8rem;padding:1.6rem 2rem;display:flex}.modal-footer button[type=button]{color:var(--kv-gray-800);border:1px solid var(--kv-gray-200);background:0 0}.modal-footer button[type=button]:hover{background:var(--kv-gray-100)}.kv-header{z-index:10;position:sticky;top:0}.kv-header-top{background:var(--panel-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 2rem;display:flex}.kv-header-left{align-items:center;gap:1rem;min-width:0;display:flex}.kv-brand{color:var(--kv-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.7rem;font-weight:700;overflow:hidden}.kv-nav-toggle{border:1px solid var(--kv-gray-200);border-radius:var(--kv-radius-sm);width:3.6rem;height:3.6rem;color:var(--kv-gray-800);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.8rem;line-height:1;display:none}.kv-nav-toggle:hover{background:var(--kv-gray-100)}.kv-header-icons{align-items:center;gap:1.2rem;display:flex}.kv-avatar{background:var(--kv-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;padding:0;font-size:1.3rem;font-weight:700;display:flex}.kv-user-menu{position:relative}.kv-user-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.kv-user-info{color:#1e293b;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:2px;padding:12px 14px;display:flex}.kv-user-info span{color:#64748b;font-size:12px}.kv-user-dropdown>button{text-align:left;color:#1e293b;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 14px;font-size:14px;display:block}.kv-user-dropdown>button:hover{background:#f1f5f9}.kv-navbar-main{background:var(--kv-primary);justify-content:space-between;align-items:stretch;display:flex}.kv-navbar-list{align-items:center;gap:.4rem;width:max-content;margin:0;padding:.6rem 1.2rem;list-style:none;display:flex}.kv-navbar-list a{color:#ffffffd9;white-space:nowrap;border-radius:var(--kv-radius-md);padding:.7rem 1.4rem;font-size:1.3rem;font-weight:600;text-decoration:none;display:block}.kv-navbar-list a:hover{color:#fff;background:#ffffff1f}.kv-navbar-list a.active{color:var(--kv-primary);background:#fff}.kv-nav-group{position:relative}.kv-nav-group>button{color:#ffffffd9;white-space:nowrap;border-radius:var(--kv-radius-md);cursor:pointer;background:0 0;border:none;padding:.7rem 1.4rem;font-size:1.3rem;font-weight:600;display:block}.kv-nav-group>button:hover{color:#fff;background:#ffffff1f}.kv-nav-group>button.active{color:var(--kv-primary);background:#fff}.kv-nav-caret{opacity:.8;font-size:.9em}.kv-nav-dropdown{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:190px;margin:0;padding:.5rem;list-style:none;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000024}@media (hover:hover){.kv-nav-group:hover>.kv-nav-dropdown,.kv-nav-group:focus-within>.kv-nav-dropdown{display:block}}.kv-nav-group.open>.kv-nav-dropdown{display:block}.kv-nav-dropdown a{color:var(--kv-gray-800);border-radius:var(--kv-radius-sm);padding:.8rem 1.2rem;font-size:1.3rem;font-weight:600;display:block}.kv-nav-dropdown a:hover{background:var(--kv-gray-100);color:var(--kv-gray-900)}.kv-nav-dropdown a.active{background:var(--kv-primary);color:#fff}@media (width<=900px){.kv-header-top{padding:.8rem 1.2rem}.kv-nav-toggle{display:inline-flex}.kv-pos-btn.kv-pos-btn-mobile{background:var(--kv-primary);color:#fff;align-items:center;gap:.4rem;margin:0;padding:.6rem 1.2rem;font-size:1.25rem;display:inline-flex}.kv-pos-btn-mobile:hover{background:var(--kv-primary-dark)}.kv-navbar-main{flex-direction:column;align-items:stretch;max-height:calc(100svh - 5.4rem);display:none;overflow-y:auto}.kv-navbar-main.open{display:flex}.kv-navbar-list{flex-direction:column;align-items:stretch;gap:.2rem;width:100%;padding:.8rem 1.2rem}.kv-navbar-list a,.kv-nav-group>button{text-align:left;width:100%;padding:1.1rem 1.4rem;font-size:1.4rem}.kv-nav-group>button{justify-content:space-between;align-items:center;display:flex}.kv-nav-dropdown{min-width:0;box-shadow:none;background:#ffffff1a;border:none;margin:.2rem 0 .6rem;position:static}.kv-nav-dropdown a{color:#ffffffe6;padding:1rem 1.4rem 1rem 2.4rem}.kv-nav-dropdown a:hover{color:#fff;background:#ffffff24}.kv-nav-dropdown a.active{color:var(--kv-primary);background:#fff}.kv-navbar-main>.kv-pos-btn{display:none}}.crud-page{text-align:left;width:100%;padding:1.6rem 2.4rem}.crud-page h1{margin:0 0 1.6rem;font-size:2rem}.money-page{max-width:920px}.list-layout{align-items:flex-start;gap:1.6rem;display:flex}.list-sidebar{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--kv-radius-md);flex-shrink:0;width:240px;padding:1.6rem}.list-sidebar h3{margin:0 0 1.6rem;font-size:1.4rem}.filter-group{margin-bottom:1.6rem}.filter-group label{color:var(--kv-gray-600);margin-bottom:.6rem;font-size:1.15rem;font-weight:600;display:block}.filter-pills{flex-wrap:wrap;gap:.5rem;display:flex}.filter-pill{color:var(--kv-gray-800);border:1px solid var(--kv-gray-200);background:0 0;border-radius:999px;padding:.5rem 1.1rem;font-size:1.2rem;font-weight:600}.filter-pill.active{background:var(--kv-primary);color:#fff;border-color:var(--kv-primary)}.filter-group select{border:1px solid var(--kv-gray-200);border-radius:var(--kv-radius-sm);width:100%;padding:.7rem .9rem;font-size:1.25rem}.list-main{flex:1;min-width:0}.filter-bar{flex-wrap:wrap;align-items:center;gap:1.2rem;margin-bottom:1.2rem;display:flex}.filter-bar label{color:var(--kv-gray-600);white-space:nowrap;align-items:center;gap:.6rem;font-size:1.2rem;display:inline-flex}.filter-bar select,.filter-bar input[type=date]{border:1px solid var(--kv-gray-200);border-radius:var(--kv-radius-sm);background:var(--panel-bg);color:inherit;padding:.6rem .8rem;font-family:inherit;font-size:1.25rem}.filter-bar .filter-clear{color:var(--kv-primary);cursor:pointer;background:0 0;border:none;padding:.4rem;font-size:1.2rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem;display:grid}.form-grid label{color:var(--kv-gray-600);flex-direction:column;gap:.4rem;font-size:1.2rem;font-weight:600;display:flex}.form-grid input,.form-grid select,.form-grid textarea{color:var(--text);background:var(--panel-bg);border:1px solid var(--kv-gray-200);border-radius:var(--kv-radius-sm);padding:.8rem 1rem;font-family:inherit;font-size:1.35rem;font-weight:400}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--kv-primary);outline:none;box-shadow:0 0 0 3px #0070f426}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.8rem;margin-top:2rem;padding-top:1.6rem;display:flex}.error{color:#a30000;background:var(--kv-danger-bg);border-radius:var(--kv-radius-sm);border:1px solid #f3c2c2;margin-bottom:1.2rem;padding:1rem 1.2rem;font-size:1.3rem}.page-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.search-box{border:1px solid var(--kv-gray-200);border-radius:var(--kv-radius-sm);width:320px;padding:.8rem 1.2rem;font-size:1.3rem}.search-box:focus{border-color:var(--kv-primary);outline:none;box-shadow:0 0 0 3px #0070f426}.total-count{color:var(--kv-gray-600);white-space:nowrap;font-size:1.25rem}table{border-collapse:collapse;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--kv-radius-md);width:100%;overflow:hidden}thead tr{background:#eaf2ff}th{text-align:left;color:var(--kv-gray-800);padding:1rem 1.2rem;font-size:1.2rem;font-weight:600}td{text-align:left;border-top:1px solid var(--border);padding:1rem 1.2rem;font-size:1.3rem}th.numeric,td.numeric{text-align:right}tbody tr:hover{background:var(--kv-gray-100)}tr.inactive{color:var(--kv-gray-300)}.row-actions{justify-content:flex-end;gap:.6rem;display:flex}button{cursor:pointer;border-radius:var(--kv-radius-sm);background:var(--kv-primary);color:#fff;border:1px solid #0000;padding:.8rem 1.6rem;font-family:inherit;font-size:1.3rem;font-weight:600;transition:background .15s}button:hover{background:var(--kv-primary-dark)}button:disabled{background:var(--kv-gray-200);color:var(--kv-gray-600);cursor:not-allowed}button.btn-secondary{background:var(--panel-bg);color:var(--kv-gray-800);border-color:var(--kv-gray-200)}button.btn-secondary:hover:not(:disabled){background:var(--kv-gray-100)}button.btn-danger{background:var(--panel-bg);color:var(--kv-danger,#d92d20);border-color:var(--kv-danger,#d92d20)}button.btn-danger:hover:not(:disabled){background:var(--kv-danger-bg,#fee4e2)}button.btn-secondary:disabled,button.btn-danger:disabled{background:var(--kv-gray-200);color:var(--kv-gray-600);border-color:#0000}.row-actions button,.row-actions a{color:var(--kv-gray-800);border:1px solid var(--kv-gray-200);border-radius:var(--kv-radius-sm);background:0 0;align-items:center;padding:.5rem 1rem;font-size:1.2rem;text-decoration:none;display:inline-flex}.row-actions button:hover,.row-actions a:hover{background:var(--kv-gray-100)}.row-actions button.btn-danger{color:var(--kv-danger,#d92d20);border-color:#f3c2c2}.row-actions button.btn-danger:hover{background:var(--kv-danger-bg,#fee4e2)}.pagination{justify-content:center;align-items:center;gap:.4rem;margin-top:1.6rem;display:flex}.pagination button{background:var(--panel-bg);color:var(--text);border:1px solid var(--kv-gray-200);padding:.5rem 1rem;font-size:1.25rem}.pagination button:hover:not(:disabled):not(.active){background:var(--kv-gray-100)}.pagination button.active{background:var(--kv-primary);border-color:var(--kv-primary);color:#fff}.pagination button:disabled{background:var(--panel-bg);color:var(--kv-gray-300)}.pagination-ellipsis{color:var(--kv-gray-600);padding:0 .4rem;font-size:1.25rem}.badge{border-radius:999px;align-items:center;padding:.3rem 1rem;font-size:1.15rem;font-weight:600;display:inline-flex}.badge-success{background:var(--kv-success-bg);color:var(--kv-success)}.badge-muted{background:var(--kv-gray-100);color:var(--kv-gray-600)}.badge-warning{color:#a35b00;background:#fff4e0}.badge-danger{background:var(--kv-danger-bg);color:var(--kv-danger)}.product-thumb{object-fit:cover;border-radius:var(--kv-radius-sm);border:1px solid var(--border);vertical-align:middle;background:#fff;flex-shrink:0}span.product-thumb-empty{background:var(--kv-gray-100);filter:grayscale();opacity:.55;border-color:#0000;justify-content:center;align-items:center;display:inline-flex}.image-picker{align-items:center;gap:1.2rem;display:flex}.image-picker .image-picker-actions{flex-direction:column;gap:.6rem;display:flex}.detail-grid{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--kv-radius-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem 2rem;padding:1.6rem 2rem;font-size:1.35rem;display:grid}.detail-label{color:var(--kv-gray-600);margin-bottom:.3rem;font-size:1.15rem;font-weight:600;display:block}.dash-note{color:var(--kv-gray-600);margin:-.8rem 0 1.6rem;font-size:1.3rem}.filter-bar label input[type=checkbox]{margin:0}.dashboard-page h1{margin-bottom:2rem}.dashboard-section{margin-bottom:2.4rem}.dashboard-section h2{color:var(--kv-gray-800);margin:0 0 1rem;font-size:1.5rem}.quick-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.6rem;display:flex}.quick-actions a{border-radius:var(--kv-radius-sm);border:1px solid var(--kv-gray-200);background:var(--panel-bg);color:var(--kv-gray-800);align-items:center;padding:.8rem 1.6rem;font-size:1.3rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.quick-actions a:hover{background:var(--kv-gray-100)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem;display:grid}.stat-tile{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--kv-radius-md);color:inherit;flex-direction:column;gap:.4rem;padding:1.6rem 1.8rem;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:flex}.stat-tile:hover{border-color:var(--kv-primary);box-shadow:0 2px 10px #0070f41f}.stat-tile-value{color:var(--kv-primary);font-size:2.6rem;font-weight:700}.stat-tile-label{color:var(--kv-gray-600);font-size:1.25rem}.stat-tile-warning .stat-tile-value{color:#a35b00}.stat-tile-danger .stat-tile-value{color:var(--kv-danger)}.activity-feed{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--kv-radius-md);margin:0;padding:0;list-style:none}.activity-feed li{border-top:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:1.6rem;padding:1rem 1.6rem;font-size:1.25rem;display:flex}.activity-feed li:first-child{border-top:none}.activity-feed-desc{color:var(--kv-gray-800);align-items:center;gap:.8rem;display:flex}.activity-feed-time{color:var(--kv-gray-600);white-space:nowrap;flex-shrink:0;font-size:1.15rem}.dashboard-more-link{color:var(--kv-primary);margin-top:1rem;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-block}.dashboard-more-link:hover{text-decoration:underline}.login-page{background:#f0f4f8;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:10px;flex-direction:column;gap:14px;width:100%;max-width:380px;padding:32px;display:flex;box-shadow:0 4px 24px #00000014}.login-card h1{color:#0f4c81;text-align:center;margin:0;font-size:22px}.login-subtitle{text-align:center;color:#64748b;margin:0 0 6px;font-size:14px}.login-card label{color:#334155;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.login-card input{border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px;font-size:14px}.login-card input:focus{border-color:#0f4c81;outline:none;box-shadow:0 0 0 3px #0f4c811f}.login-card button{color:#fff;cursor:pointer;background:#0f4c81;border:none;border-radius:6px;margin-top:6px;padding:11px;font-size:15px;font-weight:600}.login-card button:hover:not(:disabled){background:#0c3d68}.login-card button:disabled{opacity:.6;cursor:default}.login-card .error{margin:0}.login-card button.login-secondary{color:#64748b;background:0 0;margin-top:0;padding:6px;font-weight:500}.login-card button.login-secondary:hover:not(:disabled){color:#334155;background:#f1f5f9}.kanban-board{gap:1.6rem;padding-bottom:1rem;display:flex;overflow-x:auto}.kanban-column{background:var(--kv-gray-100);border-radius:var(--kv-radius-md);flex-direction:column;flex:1 0 24rem;gap:1rem;min-width:24rem;padding:1.2rem;display:flex}.kanban-column.drag-over{outline:2px dashed var(--kv-primary);outline-offset:-2px}.kanban-column-header{justify-content:space-between;align-items:center;padding:0 .2rem;font-size:1.4rem;font-weight:600;display:flex}.kanban-column-count{color:var(--kv-gray-600);font-weight:400}.kanban-column-cards{flex-direction:column;gap:.8rem;min-height:6rem;display:flex}.task-card{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--kv-radius-sm);cursor:grab;flex-direction:column;gap:.5rem;padding:1rem 1.2rem;display:flex;box-shadow:0 1px 2px #0000000a}.task-card:active{cursor:grabbing}.task-card.dragging{opacity:.5}.task-card-title{font-size:1.4rem;font-weight:600}.task-card-meta{color:var(--kv-gray-600);align-items:center;gap:.8rem;font-size:1.2rem;display:flex}.task-card-overdue{color:var(--kv-danger);font-weight:600}.task-card-assignee{color:var(--kv-gray-800);font-size:1.2rem}.task-card-link{color:var(--kv-primary);font-size:1.2rem}.view-toggle{border:1px solid var(--border);border-radius:var(--kv-radius-sm);display:inline-flex;overflow:hidden}.view-toggle button{background:var(--panel-bg);cursor:pointer;border:none;padding:.6rem 1.4rem;font-size:1.3rem}.view-toggle button.active{background:var(--kv-primary);color:#fff}@media (width<=1024px){.crud-page{padding:1.2rem 1.6rem}.pos-customer-panel{width:320px}.pos-cart-panel{padding:1.2rem 1.6rem}}@media (width<=900px){.crud-page{padding:1rem 1.2rem}.crud-page table,.modal-body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}th,td.numeric{white-space:nowrap}.list-layout{flex-direction:column;align-items:stretch}.list-sidebar{width:100%;padding:1.2rem}.list-main{width:100%;max-width:100%}.page-toolbar{flex-wrap:wrap}.search-box{order:-1;width:100%}input,select,textarea{font-size:1.6rem!important}.modal-overlay{align-items:stretch;padding:0}.modal-card{border-radius:0;max-width:none;min-height:100svh;max-height:none}.modal-body{flex:1}.pos-body{flex-direction:column}.pos-customer-panel{border-left:none;border-top:1px solid var(--border);width:100%}.pos-tabs{padding:.8rem 1.2rem 0}.pos-tabs-hint{display:none}.pos-footer{flex-wrap:wrap;gap:1rem;padding:1rem 1.2rem}.pos-submit-btn{flex:1;padding:1.2rem 2rem}.filter-pill{min-height:3.4rem}.row-actions button,.row-actions a,.pagination button{justify-content:center;min-width:3.6rem;min-height:3.6rem}.form-actions button,.modal-footer button{min-height:4.2rem}}@media (width<=640px){.crud-page h1{margin-bottom:1.2rem;font-size:1.7rem}.dash-tiles{grid-template-columns:repeat(2,1fr);gap:.8rem}.dash-tile-value{font-size:1.7rem}.form-grid{grid-template-columns:1fr}.dash-range-row{flex-direction:column;align-items:stretch}.dash-range-row>div,.dash-range-custom{width:100%}.dash-range-custom input{flex:1;min-width:0}.page-toolbar>select,.page-toolbar>label{width:100%}.page-toolbar>label{white-space:nowrap;align-items:center;gap:.6rem;display:flex}.page-toolbar>label input{flex:1;min-width:0}.filter-bar>label{width:100%}.filter-bar>label select,.filter-bar>label input{flex:1;min-width:0}.pos-line{flex-wrap:wrap;gap:.8rem 1rem}.pos-line-info{flex:1 0 calc(100% - 74px)}.pos-line-field{flex:0 auto}.pos-qty-input{width:60px}.pos-price-input{width:105px}.pos-line-total{width:auto;margin-left:auto}.pos-remove-btn{align-self:flex-start}.pos-tab-label{max-width:90px}.pos-summary-row.total{font-size:1.5rem}.pos-footer{flex-direction:column;align-items:stretch}.pos-footer-summary{flex:none}.pos-submit-btn{width:100%}}