@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";
:root{--primary:#fe316a;--primary-dark:#ec1f71;--primary-light:#ff8383;--primary-gradient:linear-gradient(90deg, #ec1f71 2.55%, #ff8383);--cta-gradient:linear-gradient(90deg, #fa316b, #c162ae);--sidebar-bg:#3d404e;--sidebar-hover:#4a4d5d;--header-bg:#fff;--page-bg:#f9f9f9;--card-bg:#fff;--biz-pill-bg:#fff2f6;--avatar-bg:#e8eff5;--avatar-blue-bg:#e4efff;--avatar-blue-text:#2854ff;--accent-blue:#2854ff;--accent-green:#2e7d32;--accent-orange:#ff8b33;--accent-violet:#9c4bda;--amber-banner-bg:#fff1d1;--row-selected-bg:#fff2f6;--overdue-bg:#fbe9e7;--overdue-text:#fd1d1d;--paid-bg:#2e7d32;--pending-bg:#ffa000;--bill-done-bg:#7c4dff;--delta-up:#48bb78;--delta-down:#d32f2f;--body-text:#373d3f;--muted-text:#757575;--light-muted:#9e9e9e;--dark-btn:#3d404e;--dark-btn-hover:#555866;--table-border:#ecf1f3;--border-light:#e0e0e0;--new-badge:#e91ea3;--card-shadow:#cfcfcf 0px 2px 9px 3px;--header-shadow:#0e1e251f 0px 2px 4px 0px, #0e1e2552 0px 2px 16px 0px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:22px;--font:"Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-base:13px;--fs-md:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:22px;--sidebar-w:216px;--sidebar-w-collapsed:50px;--header-h:60px;--footer-h:36px;--right-panel-w:483px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font);font-size:var(--fs-md);color:var(--body-text);background:var(--page-bg);-webkit-font-smoothing:antialiased;height:100%}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b8b8b8}.app{flex-direction:column;min-width:1280px;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.main-area{background:var(--page-bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-scroll{flex:1;overflow:auto}.header{height:var(--header-h);background:var(--header-bg);box-shadow:var(--header-shadow);z-index:100;flex-shrink:0;align-items:center;padding:0 20px 0 0;display:flex}.header-logo{width:var(--sidebar-w);flex-shrink:0;align-items:center;gap:8px;padding:0 20px;display:flex}.logo-mark{background:var(--primary);color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:30px;height:30px;font-weight:700;display:grid;position:relative}.logo-mark:before{content:"";background:#fff;border-radius:1px;width:16px;height:3px;position:absolute}.logo-mark:after{content:"";background:#fff;border-radius:1px;width:3px;height:16px;position:absolute}.logo-text{flex-direction:column;line-height:1;display:flex}.logo-name{font-size:var(--fs-xl);color:var(--body-text);letter-spacing:-.5px;font-weight:700}.logo-tagline{color:var(--muted-text);letter-spacing:1px;margin-top:2px;font-size:7px;font-weight:500}.biz-pill{background:var(--biz-pill-bg);cursor:pointer;min-width:380px;height:var(--header-h);flex-shrink:0;align-items:center;gap:14px;padding:8px 16px;display:flex}.biz-avatar{background:var(--primary-gradient);color:#fff;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:42px;padding:4px 0;font-size:16px;font-weight:700;line-height:1;display:flex;position:relative}.retailer-tag{color:#fff;letter-spacing:.5px;background:0 0;margin-top:3px;font-size:7px;font-weight:400;line-height:1}.biz-info{flex-direction:column;flex:1;line-height:1.3;display:flex}.biz-name{font-size:var(--fs-base);color:var(--body-text);font-weight:700}.biz-loc{font-size:var(--fs-xs);color:var(--muted-text)}.header-nav{flex:1;justify-content:center;gap:8px;display:flex}.header-nav-link{font-size:var(--fs-md);color:var(--body-text);cursor:pointer;background:0 0;border:none;padding:20px 24px;font-weight:500;line-height:1;transition:color .15s;position:relative}.header-nav-link:hover,.header-nav-link.active{color:var(--primary)}.header-nav-link.active:after{content:"";background:var(--primary);height:2px;position:absolute;bottom:0;left:24px;right:24px}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-icon-btn{color:var(--body-text);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;display:flex}.header-icon-btn:hover{color:var(--primary)}.header-icon-btn .icon-label{color:var(--muted-text);letter-spacing:.5px;font-size:8px;font-weight:500}.user-avatar{background:var(--avatar-bg);width:26px;height:26px;color:var(--body-text);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;transition:width .2s;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-scroll{flex:1;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff26}.sidebar-search-hint{color:#fff;height:45px;font-size:var(--fs-sm);flex-shrink:0;align-items:center;gap:14px;padding:0 16px;display:flex}.sidebar.collapsed .sidebar-search-hint{justify-content:center;padding:0}.sidebar-item{color:#fff;height:45px;font-size:var(--fs-base);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:0 12px 0 16px;display:flex;position:relative}.sidebar-item:hover{background:var(--sidebar-hover)}.sidebar-item.active{background:var(--primary-gradient)}.sidebar-item .si-icon{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.sidebar-item .si-label{flex:1}.sidebar-item .si-chev{opacity:.8;align-items:center;font-size:10px;transition:transform .15s;display:flex}.sidebar-item.open .si-chev{transform:rotate(180deg)}.dot-badge{background:var(--primary);border-radius:50%;width:8px;height:8px}.sidebar.collapsed .sidebar-item{justify-content:center;padding:0}.sidebar.collapsed .si-label,.sidebar.collapsed .si-chev,.sidebar.collapsed .new-badge{display:none}.sidebar.collapsed .dot-badge{position:absolute;top:8px;right:8px}.sidebar-sub{background:#00000026;overflow:hidden}.sidebar-sub .sidebar-item{height:40px;font-size:var(--fs-sm);padding-left:50px}.sidebar-sub .sidebar-item .si-icon{display:none}.new-badge{background:var(--new-badge);color:#fff;border-radius:var(--r-sm);letter-spacing:.5px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:700}.sidebar-expand-btn{background:var(--sidebar-bg);color:#fff;height:46px;font-size:var(--fs-base);cursor:pointer;border:none;border-top:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:14px;width:100%;padding:0 16px;display:flex}.sidebar-expand-btn:hover{background:var(--sidebar-hover)}.sidebar.collapsed .sidebar-expand-btn{justify-content:center;padding:0}.footer-hints{height:var(--footer-h);border-top:1px solid var(--table-border);font-size:var(--fs-sm);color:var(--muted-text);background:#fff;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 20px;display:flex;position:relative}.footer-hints kbd{color:var(--body-text);background:#f0f2f5;border-radius:3px;padding:1px 8px;font-family:inherit;font-size:11px;font-weight:500}.footer-side-link{font-size:var(--fs-sm);cursor:pointer;color:var(--primary);align-items:center;gap:4px;display:flex;position:absolute}.footer-side-link.left{left:20px}.footer-side-link.right{right:20px}.split-page{height:100%;display:flex;overflow:hidden}.split-left{border-right:1px solid var(--table-border);background:#fff;flex-direction:column;flex-shrink:0;width:420px;display:flex;overflow:hidden}.split-right{background:var(--page-bg);flex:1;min-width:0;overflow-y:auto}.fill-page{flex-direction:column;height:100%;min-height:0;padding:16px 20px;display:flex;overflow:hidden}.fill-card{flex-direction:column;flex:1;min-height:0;display:flex}.list-scroll{flex:1;min-height:0;overflow-y:auto}.card{background:var(--card-bg);border-radius:var(--r-md);box-shadow:var(--card-shadow);padding:15px 13px}.btn{border-radius:var(--r-lg);font-size:var(--fs-base);white-space:nowrap;cursor:pointer;font-weight:500;line-height:1;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 14px;transition:background .15s;display:inline-flex}.btn-dark{background:var(--dark-btn);color:#fff}.btn-dark:hover{background:var(--dark-btn-hover)}.btn-pink{background:var(--primary);color:#fff}.btn-pink:hover{background:var(--primary-dark)}.btn-outline{border:1px solid var(--border-light);color:var(--body-text);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-ghost{color:var(--muted-text);background:0 0;border:none}.btn-ghost:hover{color:var(--primary)}.btn-sm{font-size:var(--fs-xs);border-radius:var(--r-lg);padding:5px 12px}.btn-icon{border:1px solid var(--border-light);border-radius:var(--r-md);cursor:pointer;width:36px;height:36px;font-family:var(--font);background:#fff;place-items:center;padding:0;display:grid}.btn-icon:hover{border-color:var(--primary);color:var(--primary)}.pill{border-radius:var(--r-pill);font-size:var(--fs-sm);cursor:pointer;font-weight:500;font-family:var(--font);padding:4px 14px;transition:all .15s}.pill-active{background:var(--primary);color:#fff;border:1px solid var(--primary)}.pill-inactive{color:var(--muted-text);border:1px solid var(--border-light);background:0 0}.pill-inactive:hover{color:var(--primary);border-color:var(--primary)}.badge{border-radius:var(--r-sm);font-size:var(--fs-sm);padding:3px 10px;font-weight:500;line-height:1.3;display:inline-block}.badge-paid{background:var(--paid-bg);color:#fff}.badge-overdue{background:var(--overdue-bg);color:var(--overdue-text)}.badge-pending,.badge-due{background:var(--pending-bg);color:#fff}.badge-accepted{background:var(--paid-bg);color:#fff}.badge-cancelled{color:#fff;background:#9e9e9e}.badge-stock-ok{color:var(--accent-green);background:#e6f4ea}.badge-low{color:#e65100;background:#fff3e0}.badge-out{background:var(--overdue-bg);color:var(--overdue-text)}.badge-billing-done{color:var(--bill-done-bg);background:#ede7f6}.badge-overdue-flat{background:var(--overdue-bg);color:var(--overdue-text);border-radius:var(--r-sm);padding:2px 8px;font-size:11px;font-weight:500}.avatar{background:var(--avatar-bg);width:36px;height:36px;color:var(--body-text);font-size:var(--fs-base);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar-blue{background:var(--avatar-blue-bg);color:var(--avatar-blue-text);font-weight:500}.avatar-pink,.avatar-pink-tint{color:var(--primary);background:#ffeff4}.avatar-lg{width:52px;height:52px;font-size:18px}.avatar-sm{width:30px;height:30px;font-size:var(--fs-xs)}.avatar-sq{border-radius:var(--r-lg)}.search-input{border:1px solid var(--border-light);border-radius:var(--r-md);font-size:var(--fs-base);color:var(--body-text);background:#fff;outline:none;width:100%;padding:8px 12px;font-family:inherit}.search-input:focus{border-color:var(--primary)}.search-input::placeholder{color:var(--light-muted)}.field-shell{border:1px solid var(--border-light);border-radius:var(--r-md);font-size:var(--fs-base);background:#fff;align-items:center;gap:8px;padding:8px 12px;display:flex}.input-bare{font-size:var(--fs-base);color:var(--body-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit}.input-bare::placeholder{color:var(--light-muted)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;font-size:var(--fs-xs);color:var(--muted-text);text-transform:uppercase;border-bottom:1px solid var(--table-border);letter-spacing:.3px;z-index:2;background:#fff;padding:12px;font-weight:600;position:sticky;top:0}.data-table td{font-size:var(--fs-base);color:var(--body-text);border-bottom:1px solid var(--table-border);padding:14px 12px}.data-table tr.highlight{background:#fff5f8}.data-table tr:hover td{background:#fafafa}.tab-bar{border-bottom:1px solid var(--table-border);gap:24px;display:flex}.tab-bar-no-border{border-bottom:none}.tab{font-size:var(--fs-base);color:var(--muted-text);cursor:pointer;font-weight:500;font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 4px}.tab.active{color:var(--body-text);border-bottom-color:var(--primary);font-weight:600}.page-title{font-size:var(--fs-xl);color:var(--body-text);font-weight:600}.page-subtitle{font-size:var(--fs-base);color:var(--muted-text);margin-top:2px}.section-title{color:var(--body-text);font-size:15px;font-weight:600}.drafts-banner{background:var(--amber-banner-bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.stat-tile{border-radius:var(--r-md);padding:16px}.stat-tile .num{font-size:28px;font-weight:700}.stat-tile .lbl{font-size:var(--fs-md);color:var(--body-text);margin-top:4px;font-weight:600}.stat-tile .sub{font-size:var(--fs-xs);color:var(--muted-text);margin-top:2px}.empty-state{text-align:center;padding:60px 0}.empty-state .msg{color:var(--muted-text);font-size:var(--fs-md);margin-top:14px}.kbd-bar{height:53px;color:var(--body-text);border-radius:0 0 var(--r-md) var(--r-md);background:#f5f5f5;flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.kbd-bar kbd{border:1px solid var(--border-light);background:#fff;border-radius:3px;padding:2px 8px;font-family:inherit;font-size:12px;font-weight:500}.line-chart-wrap{height:80px;margin-top:12px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.ml-auto{margin-left:auto}.muted{color:var(--muted-text)}.pink{color:var(--primary)}.bold-600{font-weight:600}.bold-700{font-weight:700}.fs-xs{font-size:var(--fs-xs)}.fs-sm{font-size:var(--fs-sm)}.fs-md{font-size:var(--fs-md)}.text-right{text-align:right}.text-upper{text-transform:uppercase;letter-spacing:.3px}.clickable{cursor:pointer}.divider{border-bottom:1px solid var(--table-border)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.min-h-0{min-height:0}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1}.relative{position:relative}.absolute{position:absolute}.sm-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sm-modal{background:#fff;border-radius:10px;flex-direction:column;height:711px;transition:width .15s;display:flex;overflow:hidden;box-shadow:0 8px 40px #00000038}.sm-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 20px 14px;display:flex}.sm-body{flex:1;min-height:0;overflow-y:auto}.sm-footer{border-top:1px solid var(--table-border);height:40px;color:var(--muted-text);background:#f5f5f5;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 20px;font-size:12px;display:flex;position:relative}.sm-footer kbd{border:1px solid var(--border-light);color:var(--body-text);background:#fff;border-radius:3px;padding:1px 7px;font-family:inherit;font-size:11px;font-weight:500}.sm-footer-hints{align-items:center;gap:4px;display:flex}.sm-footer-side{cursor:pointer;color:var(--primary);align-items:center;gap:3px;font-size:12px;display:flex;position:absolute}.sm-footer-side.left{left:16px}.sm-footer-side.right{right:16px}