@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-main:#0c0c0f;--bg-surface:#141418;--bg-elevated:#1c1c21;--bg-hover:#222228;--bg-white:#fff;--bg-white-panel:#f7f7f9;--accent:#a3ff12;--accent-dim:#a3ff121f;--accent-hover:#b8ff3a;--accent-glow:0 0 16px #a3ff1259;--text-primary:#fff;--text-secondary:#8a8a95;--text-tertiary:#55555e;--text-dark:#0c0c0f;--text-white-muted:#6b7280;--danger:#ff453a;--warning:#ff9f0a;--border:#ffffff12;--border-strong:#ffffff1f;--border-light:#e5e5ea;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--card-gradient:linear-gradient(145deg, #694ea81a 0%, #ffffff06 45%, transparent 100%);--card-gradient-elevated:linear-gradient(145deg, #694ea812 0%, #ffffff04 45%, transparent 100%);--shadow-sm:0 1px 4px #00000040;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000080;--z-nav:100;--z-modal:200}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes barGrow{0%{width:0}to{width:var(--bar-w)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-variant-numeric:tabular-nums;color:var(--text-primary);-webkit-font-smoothing:antialiased;background:radial-gradient(90% 45% at 50% -2%,#5f489b38 0%,#0000 65%),radial-gradient(60% 30% at 85% 10%,#32285a1f 0%,#0000 60%),#09090c;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}.app-container{flex-direction:column;gap:12px;width:100vw;height:100vh;padding:12px 16px 16px;display:flex;overflow:hidden}.page-content{flex-direction:column;flex:1;gap:12px;animation:.28s cubic-bezier(.22,1,.36,1) both fadeSlideUp;display:flex;overflow:hidden}.top-nav{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-pill);background:#121218d1;border:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex;box-shadow:0 1px #ffffff0d,0 6px 28px #00000073}.brand{align-items:center;display:flex}.brand-badge{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 6px;display:flex;box-shadow:0 2px 10px #00000059}.brand-logo{width:auto;height:48px;display:block}.pill-tabs{border-radius:var(--radius-pill);background:#ffffff0d;gap:2px;padding:4px;display:flex}.pill-tab{color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:9px 22px;font-size:.85rem;font-weight:600;line-height:1;transition:color .2s,background .2s;display:flex}.pill-tab:hover{color:var(--text-primary)}.pill-tab.active{background:var(--accent);color:var(--text-dark);font-weight:700;box-shadow:0 2px 12px #a3ff1240}.indicator-dot{background:var(--text-dark);border-radius:50%;width:5px;height:5px}.action-icons{align-items:center;gap:8px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,color .2s;display:flex}.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.user-avatar{background:var(--accent);width:34px;height:34px;color:var(--text-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex}.page-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2px;display:flex}.page-title-row{align-items:center;gap:12px;display:flex}.back-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,border-color .2s;display:flex}.back-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.page-title{letter-spacing:-.04em;font-size:1.8rem;font-weight:800}.page-actions{align-items:center;gap:8px;display:flex}.btn-create-invoice{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s,border-color .2s;display:flex}.btn-create-invoice:hover{background:var(--bg-hover);border-color:var(--border-strong)}.metrics-row{flex-shrink:0;gap:12px;display:flex}.metric-card{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:24px 28px;transition:border-color .2s;display:flex;overflow:hidden}.metric-card:hover{border-color:var(--border-strong)}.metric-card h3{color:var(--text-primary);margin-bottom:20px;font-size:.95rem;font-weight:700}.metric-stats{align-items:flex-start;gap:0;display:flex}.stat-block{flex-direction:column;flex:1;gap:6px;display:flex}.stat-divider{background:var(--border);flex-shrink:0;width:1px;margin:0 24px}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.stat-value{letter-spacing:-.03em;color:var(--text-primary);font-size:1.55rem;font-weight:800;line-height:1.1}.stat-overdue{color:var(--danger)!important}.stat-accent{color:var(--accent)!important}.timeline-months{flex:1;align-items:flex-end;gap:0;margin-top:20px;display:flex}.timeline-month-col{flex-direction:column;flex:1;align-items:flex-start;gap:8px;padding-right:16px;display:flex;position:relative}.timeline-month-col:last-child{padding-right:0}.timeline-bar-outer{background:var(--bg-elevated);border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.timeline-bar-inner{background:var(--accent);border-radius:var(--radius-pill);height:100%;animation:.8s cubic-bezier(.22,1,.36,1) both barGrow}.timeline-month-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.timeline-avatar-group{align-items:center;display:flex}.timeline-avatar-sm{border:1.5px solid var(--bg-surface);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.55rem;font-weight:700;display:flex;position:relative}.timeline-avatar-sm.more{background:var(--bg-elevated);color:var(--text-secondary);font-size:.5rem}.payout-methods{flex:1;align-items:flex-end;gap:6px;margin:12px 0;display:flex}.payout-method{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 8px;transition:border-color .2s;display:flex}.payout-method.active{background:var(--accent);border-color:var(--accent)}.payout-id{color:var(--text-secondary);font-size:.72rem;font-weight:700}.payout-method.active .payout-id{color:var(--text-dark)}.payout-label{color:var(--text-tertiary);font-size:.7rem;font-weight:600}.payout-method.active .payout-label{color:#0009}.btn-payout{background:var(--text-primary);border-radius:var(--radius-pill);color:var(--text-dark);cursor:pointer;white-space:nowrap;border:none;margin-top:auto;padding:10px 20px;font-size:.85rem;font-weight:700;transition:background .2s,box-shadow .2s}.btn-payout:hover{background:var(--accent);box-shadow:var(--accent-glow)}.filter-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 4px;display:flex}.filter-badge{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.filter-count{background:var(--bg-elevated);border-radius:var(--radius-pill);color:var(--text-primary);padding:1px 7px;font-size:.7rem}.filter-chips{flex-wrap:wrap;flex:1;gap:6px;display:flex}.filter-chip{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);cursor:pointer;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:border-color .2s,color .2s;display:flex}.filter-chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-chip.active-chip{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.filter-search{margin-left:auto}.invoice-page{flex:1;overflow:hidden}.invoice-split{flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.invoice-list-panel{background:var(--bg-white);border-radius:var(--radius-xl);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.invoice-sub-tabs{border-bottom:1px solid var(--border-light);flex-shrink:0;gap:4px;padding:14px 16px 10px;display:flex}.inv-sub-tab{border-radius:var(--radius-pill);color:var(--text-white-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:background .2s,color .2s;display:flex}.inv-sub-tab:hover{color:var(--text-dark)}.inv-sub-tab.active{background:var(--accent);color:var(--text-dark);font-weight:700}.invoice-items-list{flex:1;padding:8px;overflow-y:auto}.invoice-items-list::-webkit-scrollbar{width:4px}.invoice-items-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.invoice-item-new{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:12px;transition:background .18s;animation:.25s cubic-bezier(.22,1,.36,1) both fadeSlideUp;display:flex}.invoice-item-new:hover{background:#f2f2f7}.invoice-item-new.active{background:var(--text-dark)}.invoice-item-new.active .inv-item-due{color:#8a8a9a}.invoice-item-new.active .inv-item-id,.invoice-item-new.active .inv-item-amount{color:#fff}.inv-avatar-circle{color:#fffffff2;letter-spacing:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.72rem;font-weight:800;display:flex}.inv-item-body{flex:1;min-width:0}.inv-item-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.inv-item-id{color:var(--text-dark);font-size:.9rem;font-weight:700}.inv-item-bottom{justify-content:space-between;align-items:center;display:flex}.inv-item-due{color:var(--text-white-muted);font-size:.76rem;font-weight:500}.inv-item-amount{color:var(--text-dark);font-size:.85rem;font-weight:700}.inv-status-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;font-size:.65rem;font-weight:700}.inv-status-badge.unsent{color:#8e8e93;background:#f2f2f7}.inv-status-badge.viewed{color:#8a8a95;background:#1c1c21}.invoice-item-new.active .inv-status-badge.unsent{background:var(--accent);color:var(--text-dark)}.invoice-item-new.active .inv-status-badge.viewed{color:#aaa;background:#333}.invoice-detail-panel{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;flex:1;display:flex;overflow:hidden}.detail-top-grid{border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr 1fr 1fr;gap:0;padding:24px 28px;display:grid}.detail-col{flex-direction:column;gap:8px;display:flex}.detail-col:last-child{align-items:flex-end}.detail-col-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.detail-invoice-id,.detail-company{letter-spacing:-.03em;align-items:center;gap:8px;font-size:1.3rem;font-weight:800;display:flex}.company-dot{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.6rem;font-weight:800;display:flex}.company-tag{background:var(--bg-elevated);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.detail-customer{align-items:center;gap:10px;display:flex}.customer-avatar-sm{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.7rem;font-weight:800;display:flex}.customer-name{color:var(--text-primary);font-size:.9rem;font-weight:700}.customer-title{color:var(--text-secondary);font-size:.72rem}.detail-metrics{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:0;padding:20px 28px;display:flex}.detail-metric-item{border-right:1px solid var(--border);flex-direction:column;flex:1;gap:4px;margin-right:24px;padding-right:24px;display:flex}.detail-metric-item:last-of-type{border-right:none;margin-right:0}.detail-metric-amount{letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:4px;font-size:1.2rem;font-weight:800;display:flex}.detail-metric-label{color:var(--text-secondary);font-size:.72rem;font-weight:500}.detail-metric-add{background:var(--bg-elevated);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:8px;transition:border-color .2s,color .2s;display:flex}.detail-metric-add:hover{border-color:var(--border-strong);color:var(--text-primary)}.detail-lines-scroll{flex:1;padding:0 28px;overflow-y:auto}.detail-lines-scroll::-webkit-scrollbar{width:4px}.detail-lines-scroll::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.detail-line-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 0;display:flex}.detail-line-item:last-child{border-bottom:none}.detail-line-item h4{margin-bottom:4px;font-size:.95rem;font-weight:600}.detail-line-item p{color:var(--text-secondary);font-size:.82rem}.detail-line-price{letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.detail-footer-row{background:var(--card-gradient-elevated), var(--bg-elevated);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.detail-totals{gap:32px;display:flex}.detail-total-col{flex-direction:column;gap:4px;display:flex}.detail-total-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.detail-total-val{letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.detail-total-val.accent{color:var(--accent)}.detail-footer-actions{align-items:center;gap:8px;display:flex}.icon-btn-dark{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:border-color .2s,color .2s;display:flex}.icon-btn-dark:hover{border-color:var(--border-strong);color:var(--text-primary)}.btn-payout-green{background:var(--accent);border-radius:var(--radius-pill);color:var(--text-dark);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.88rem;font-weight:700;transition:background .2s,box-shadow .2s;display:flex}.btn-payout-green:hover{background:var(--accent-hover);box-shadow:var(--accent-glow)}.main-layout{flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.pos-layout{flex-direction:row;flex:1;gap:12px;min-height:0;animation:.28s cubic-bezier(.22,1,.36,1) both fadeSlideUp;display:flex;overflow:hidden}.left-col{flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.right-col{background:var(--bg-white);width:420px;color:var(--text-dark);border-radius:var(--radius-xl);flex-direction:column;flex-shrink:0;align-self:stretch;display:flex;overflow:hidden}.glass-panel{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.toolbar{flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;display:flex}.toolbar-search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);flex:1;align-items:center;padding:9px 18px;transition:border-color .2s;display:flex}.toolbar-search:focus-within{border-color:var(--border-strong)}.toolbar-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;margin-left:10px;font-size:.9rem}.toolbar-search input::placeholder{color:var(--text-secondary)}.filter-dropdown{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-primary);align-items:center;gap:8px;padding:9px 18px;font-size:.85rem;font-weight:600;display:flex}.inventory-container{flex:1;overflow-y:auto}.inventory-container::-webkit-scrollbar{width:5px}.inventory-container::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.inventory-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:0 20px 20px;display:grid}.inv-card{background:var(--card-gradient-elevated), var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:12px;padding:18px;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.25s cubic-bezier(.22,1,.36,1) both fadeSlideUp;display:flex}.inv-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 20px #a3ff121a}.inv-header{justify-content:space-between;align-items:flex-start;display:flex}.inv-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.06em;font-size:.65rem;font-weight:700}.inv-title{color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.4}.inv-price{color:var(--accent);letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.inv-add-btn{background:var(--bg-surface);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.inv-card:hover .inv-add-btn{background:var(--accent);color:var(--text-dark);border-color:var(--accent)}.cart-header-light{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.cart-header-light h2{font-size:1.2rem;font-weight:800}.tag-unsent{color:#8e8e93;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;background:#f2f2f7;padding:3px 10px;font-size:.7rem;font-weight:700}.cart-lines{flex-direction:column;flex:1;gap:16px;padding:20px 28px;display:flex;overflow-y:auto}.cart-lines::-webkit-scrollbar{width:4px}.cart-lines::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.line-item{grid-template-columns:1fr auto auto;align-items:center;gap:12px;display:grid}.line-desc{font-size:.88rem;font-weight:600}.line-sku{color:#8e8e93;margin-top:2px;font-size:.7rem}.line-qty-control{border-radius:var(--radius-pill);background:#f2f2f7;align-items:center;padding:3px;display:flex}.line-qty-control button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:background .15s;display:flex}.line-qty-control button:hover{background:#e5e5ea}.line-qty-control span{text-align:center;width:28px;font-size:.88rem;font-weight:700}.line-price{text-align:right;font-size:1rem;font-weight:800}.cart-footer{border-top:1px solid var(--border-light);background:#f9f9fb;flex-shrink:0;padding:20px 28px}.totals-row{color:#8e8e93;justify-content:space-between;margin-bottom:10px;font-size:.88rem;font-weight:600;display:flex}.totals-row.grand{color:var(--text-dark);letter-spacing:-.02em;border-top:1px dashed #d1d1d6;margin-top:14px;margin-bottom:20px;padding-top:14px;font-size:1.4rem;font-weight:800}.action-row{gap:10px;display:flex}.btn-icon-light{border-radius:var(--radius-pill);border:1px solid var(--border-light);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s;display:flex}.btn-icon-light:hover:not(:disabled){background:#f2f2f7}.btn-icon-light:disabled{opacity:.4;cursor:not-allowed}.btn-pay{background:var(--accent);border-radius:var(--radius-pill);cursor:pointer;color:var(--text-dark);border:none;flex:1;height:52px;font-size:1rem;font-weight:700;transition:background .2s,box-shadow .2s}.btn-pay:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--accent-glow)}.btn-pay:disabled{opacity:.4;cursor:not-allowed}.dash-content{flex-direction:column;flex:1;gap:12px;display:flex;overflow:hidden}.dash-metrics{flex-shrink:0;gap:12px;height:240px;display:flex}.dash-brand-header{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-shrink:0;align-items:center;gap:20px;padding:14px 24px;display:flex}.dash-brand-badge{background:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:5px 7px;display:flex;box-shadow:0 2px 12px #0000004d}.dash-brand-logo{width:auto;height:72px;display:block}.dash-brand-info{flex-direction:column;flex:1;gap:5px;display:flex}.dash-brand-name{letter-spacing:-.04em;color:var(--text-primary);font-size:1.35rem;font-weight:900}.dash-brand-sub{color:var(--text-secondary);letter-spacing:.01em;font-size:.76rem;font-weight:600}.dash-brand-date{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.dash-today-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.65rem;font-weight:700}.dash-today-date{color:var(--text-primary);font-size:.92rem;font-weight:700}.data-table-container{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);flex:1;padding:28px;overflow-y:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:14px 16px;font-size:.75rem;font-weight:700}.data-table td{border-bottom:1px solid #ffffff08;padding:14px 16px;font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.avatar-cell{align-items:center;gap:14px;font-weight:600;display:flex}.small-avatar{background:var(--bg-elevated);width:34px;height:34px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-modal);background:#000000bf;justify-content:center;align-items:center;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:460px;padding:36px;animation:.25s cubic-bezier(.22,1,.36,1) both modalEnter}.modal-content h2{text-align:center;letter-spacing:-.03em;margin-bottom:10px;font-size:1.4rem;font-weight:800}.modal-total{text-align:center;color:var(--accent);letter-spacing:-.04em;text-shadow:0 0 24px #a3ff124d;margin-bottom:36px;font-size:3.2rem;font-weight:900}.payment-methods{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px;display:grid}.pay-method-btn{background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:10px;padding:20px 8px;font-size:.85rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex}.pay-method-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.pay-method-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.modal-actions{gap:12px;display:flex}.btn-cancel{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;flex:1;padding:14px;font-weight:700;transition:background .2s}.btn-cancel:hover{background:var(--bg-hover)}.btn-confirm{background:var(--accent);color:var(--text-dark);border-radius:var(--radius-pill);cursor:pointer;border:none;flex:2;padding:14px;font-weight:700;transition:background .2s,box-shadow .2s}.btn-confirm:hover{background:var(--accent-hover);box-shadow:var(--accent-glow)}.kpi-row{flex-shrink:0;gap:12px;display:flex}.kpi-card{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;gap:6px;padding:20px 24px;transition:border-color .2s;display:flex}.kpi-card:hover{border-color:var(--border-strong)}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.kpi-value{letter-spacing:-.04em;color:var(--text-primary);font-size:1.8rem;font-weight:900;line-height:1}.kpi-delta{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;font-size:.72rem;font-weight:600;display:flex}.kpi-delta.up{color:var(--accent)}.kpi-delta.down{color:var(--danger)}.activity-panel{padding:0;overflow:hidden}.activity-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.activity-header h3{color:var(--text-primary);font-size:.95rem;font-weight:700}.activity-meta{align-items:center;gap:10px;display:flex}.activity-live{color:var(--text-secondary);align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}.activity-list{flex-direction:column;flex:1;padding:8px 0;display:flex;overflow-y:auto}.activity-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.activity-item{align-items:center;gap:14px;padding:12px 24px;transition:background .15s;animation:.22s cubic-bezier(.22,1,.36,1) both fadeSlideUp;display:flex}.activity-item:hover{background:#ffffff05}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.activity-dot.payment{background:var(--accent)}.activity-dot.order{background:#5e6ad2}.activity-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.activity-desc{color:var(--text-primary);font-size:.85rem;font-weight:600}.activity-customer{color:var(--text-secondary);font-size:.72rem}.activity-amount{color:var(--text-secondary);white-space:nowrap;font-size:.88rem;font-weight:700}.activity-amount.positive{color:var(--accent)}.activity-time{color:var(--text-tertiary);white-space:nowrap;text-align:right;min-width:64px;font-size:.72rem}.inv-cat-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);color:var(--text-secondary);background:#ffffff0f;flex-shrink:0;padding:2px 7px;font-size:.6rem;font-weight:700}.notif-badge{background:var(--danger);color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.55rem;font-weight:800;display:flex;position:absolute;top:4px;right:4px}.est-unsent{color:#8e8e93;background:#f2f2f7}.est-viewed{color:#8a8a95;background:#1c1c21}.est-pending{color:#f59e0b;background:#f59e0b1f}.est-approved{color:var(--accent);background:#a3ff121f}.est-declined{color:var(--danger);background:#ff453a1f}.est-draft{color:var(--text-tertiary);background:#ffffff0d}.detail-note{color:var(--text-secondary);border-top:1px dashed var(--border);align-items:center;gap:7px;margin-top:8px;padding:14px 0;font-size:.78rem;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.payment-toast{background:var(--card-gradient), var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-modal);align-items:center;gap:14px;min-width:240px;padding:16px 20px;animation:.28s cubic-bezier(.22,1,.36,1) both toastIn;display:flex;position:fixed;bottom:28px;right:28px}.toast-icon{background:var(--accent);width:36px;height:36px;color:var(--text-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-msg{color:var(--text-primary);font-size:.95rem;font-weight:700}.toast-sub{color:var(--text-secondary);margin-top:2px;font-size:.75rem}.fuel-price-ticker{color:var(--text-secondary);letter-spacing:.01em;font-size:.78rem;font-weight:600}.fuel-layout{flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.fuel-log-panel{flex-direction:column;flex-shrink:0;width:300px;padding:0;display:flex;overflow:hidden}.fuel-log-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.fuel-log-header h3{margin-bottom:3px;font-size:.92rem;font-weight:700}.fuel-log-count{color:var(--text-secondary);font-size:.72rem;font-weight:500}.fuel-log-rev{color:var(--accent);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.fuel-log-list{flex:1;padding:6px 0;overflow-y:auto}.fuel-log-list::-webkit-scrollbar{width:4px}.fuel-log-list::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.fuel-log-item{align-items:center;gap:12px;padding:11px 22px;transition:background .15s;display:flex}.fuel-log-item:hover{background:#ffffff05}.fuel-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.ftype-regular{background:#f59e0b}.ftype-diesel{background:#e8612c}.ftype-marine{background:#0ea5e9}.fuel-log-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fuel-log-customer{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.83rem;font-weight:600;overflow:hidden}.fuel-log-detail{color:var(--text-secondary);font-size:.7rem}.fuel-log-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.fuel-log-amount{color:var(--text-primary);font-size:.88rem;font-weight:700}.fuel-log-time{color:var(--text-tertiary);font-size:.68rem}.fuel-pos-panel{flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.fuel-pos-panel::-webkit-scrollbar{width:4px}.fuel-pos-panel::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.pump-selector{flex-shrink:0;gap:10px;display:flex}.pump-btn{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px 12px;transition:border-color .2s,color .2s,background .2s;display:flex}.pump-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.pump-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.pump-num{font-size:.8rem;font-weight:700}.pump-status-label{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);padding:2px 8px;font-size:.65rem;font-weight:700}.pump-status-label.ready{color:var(--accent);background:#a3ff121f}.pump-status-label.busy{color:var(--danger);background:#ff453a1f}.fuel-type-selector{flex-shrink:0;gap:10px;display:flex}.fuel-type-btn{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;flex:1;align-items:center;gap:12px;padding:14px 16px;transition:border-color .2s,color .2s,background .2s;display:flex}.fuel-type-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.ftype-name{text-align:left;font-size:.88rem;font-weight:700}.ftype-price{color:inherit;opacity:.8;margin-top:2px;font-size:.72rem}.fuel-calc{flex-shrink:0;align-items:center;gap:0;padding:24px 28px;display:flex}.fuel-meter-area{flex-direction:column;flex:1;gap:8px;display:flex}.meter-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.72rem;font-weight:700}.meter-row{align-items:center;gap:10px;display:flex}.meter-adj-btn{background:var(--bg-elevated);border:1px solid var(--border);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background .2s;display:flex}.meter-adj-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.meter-input{letter-spacing:-.04em;color:var(--text-primary);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;width:140px;font-family:inherit;font-size:2.8rem;font-weight:900}.meter-input::-webkit-inner-spin-button{-webkit-appearance:none}.meter-input::-webkit-outer-spin-button{-webkit-appearance:none}.meter-unit{color:var(--text-secondary);font-size:1rem;font-weight:700}.meter-rate{color:var(--text-secondary);font-size:.78rem;font-weight:500}.fuel-total-block{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;padding-left:28px;display:flex}.fuel-total-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.7rem;font-weight:700}.fuel-total-value{letter-spacing:-.04em;font-size:2.6rem;font-weight:900;line-height:1}.gallon-presets{flex-shrink:0;gap:8px;display:flex}.gallon-preset-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;padding:9px 4px;font-size:.78rem;font-weight:700;transition:border-color .2s,color .2s,background .2s}.gallon-preset-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.fuel-bottom-row{flex-shrink:0;align-items:center;gap:10px;display:flex}.fuel-search{flex:1!important}.pay-method-row{flex-shrink:0;gap:6px;display:flex}.pay-mini-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:9px 14px;font-size:.8rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex}.pay-mini-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.pay-mini-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.btn-fuel-complete{background:var(--accent);border-radius:var(--radius-pill);width:100%;color:var(--text-dark);cursor:pointer;letter-spacing:-.01em;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1rem;font-weight:800;transition:background .2s,box-shadow .2s;display:flex}.btn-fuel-complete:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--accent-glow)}.btn-fuel-complete:disabled{opacity:.35;cursor:not-allowed}.marina-legend{align-items:center;gap:16px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:.76rem;font-weight:600;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-dot.occupied{background:#0ea5e9}.legend-dot.vacant{background:#10b981}.legend-dot.reserved{background:#f59e0b}.legend-dot.maintenance{background:var(--danger)}.marina-stats-row{flex-shrink:0;gap:10px;display:flex}.marina-stat-card{background:var(--card-gradient), var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 20px;transition:border-color .2s;display:flex}.marina-stat-card.wide{flex:1.5}.marina-stat-card:hover{border-color:var(--border-strong)}.msc-value{letter-spacing:-.04em;color:var(--text-primary);font-size:1.6rem;font-weight:900;line-height:1}.msc-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.68rem;font-weight:600}.marina-body{flex:1;gap:12px;min-height:0;display:flex;overflow:hidden}.marina-grid-panel{flex-direction:column;flex:1;padding:0;display:flex;overflow:hidden}.marina-grid-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px 12px;display:flex}.marina-grid-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700}.marina-col-nums{gap:0;margin-left:64px;display:flex}.col-num{text-align:center;width:72px;color:var(--text-tertiary);letter-spacing:.04em;font-size:.65rem;font-weight:700}.dock-row{border-bottom:1px solid #ffffff08;align-items:center;gap:0;padding:8px 22px;display:flex}.dock-row:last-child{border-bottom:none}.dock-label{text-transform:uppercase;letter-spacing:.08em;width:64px;color:var(--text-secondary);flex-shrink:0;font-size:.72rem;font-weight:800}.dock-slips{flex:1;gap:6px;display:flex}.slip-tile{border-radius:var(--radius-sm);cursor:pointer;border:1.5px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:60px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.slip-tile:hover{transform:translateY(-1px)}.slip-tile.occupied{background:#0ea5e924;border-color:#0ea5e94d}.slip-tile.vacant{background:#10b9811a;border-color:#10b98140}.slip-tile.reserved{background:#f59e0b1f;border-color:#f59e0b4d}.slip-tile.maintenance{background:#ff453a1a;border-color:#ff453a40}.slip-tile.selected{box-shadow:0 0 0 2px #a3ff1240;border-color:var(--accent)!important}.slip-tile-num{letter-spacing:.04em;color:#ffffffb3;font-size:.7rem;font-weight:800}.slip-tile-vessel{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;max-width:96%;font-size:.58rem;font-weight:600;overflow:hidden}.slip-detail{flex-direction:column;flex-shrink:0;width:280px;padding:0;display:flex;overflow:hidden}.slip-detail-bar{flex-shrink:0;height:4px}.slip-detail-bar.occupied{background:#0ea5e9}.slip-detail-bar.vacant{background:#10b981}.slip-detail-bar.reserved{background:#f59e0b}.slip-detail-bar.maintenance{background:var(--danger)}.slip-detail-inner{flex-direction:column;flex:1;gap:16px;padding:22px;display:flex;overflow-y:auto}.slip-detail-inner::-webkit-scrollbar{width:4px}.slip-detail-inner::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.slip-detail-head{justify-content:space-between;align-items:center;display:flex}.slip-detail-id{letter-spacing:-.03em;font-size:1.4rem;font-weight:900}.slip-status-badge{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;font-size:.65rem;font-weight:700}.slip-status-badge.occupied{color:#0ea5e9;background:#0ea5e926}.slip-status-badge.vacant{color:#10b981;background:#10b98126}.slip-status-badge.reserved{color:#f59e0b;background:#f59e0b26}.slip-status-badge.maintenance{color:var(--danger);background:#ff453a1f}.slip-vessel-row{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.slip-tenant{align-items:center;gap:12px;display:flex}.slip-tenant-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.72rem;font-weight:800;display:flex}.slip-tenant-name{font-size:.9rem;font-weight:700}.slip-tenant-since{color:var(--text-secondary);margin-top:2px;font-size:.72rem}.slip-empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px 0;font-size:.85rem;font-weight:600;display:flex}.slip-note-block{color:var(--text-secondary);background:var(--bg-elevated);border-radius:var(--radius-sm);align-items:flex-start;gap:7px;padding:10px 12px;font-size:.75rem;line-height:1.45;display:flex}.slip-rate-block{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.slip-rate-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.72rem;font-weight:600}.slip-rate-value{letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.slip-rate-value small{color:var(--text-secondary);margin-left:2px;font-size:.65rem;font-weight:600}.slip-action-row{align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.inv-modal-overlay{background:#000000e0!important;align-items:flex-start!important;padding:0!important}.inv-modal-shell{background:#18181e;flex-direction:column;width:100%;height:100vh;animation:.18s both fadeIn;display:flex}.inv-toolbar{background:#111115;border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 24px;display:flex}.inv-toolbar-title{color:#fff;font-size:.88rem;font-weight:700}.inv-toolbar-actions{align-items:center;gap:8px;display:flex}.inv-tb-btn{border-radius:var(--radius-sm);color:#e2e8f0;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:.83rem;font-weight:600;transition:background .2s;display:flex}.inv-tb-btn:hover{background:#ffffff21}.inv-tb-btn.primary{color:#fff;background:#e84017;border-color:#e84017}.inv-tb-btn.primary:hover:not(:disabled){background:#d03610}.inv-tb-btn:disabled{opacity:.5;cursor:not-allowed}.inv-preview-scroll{background:#18181e;flex:1;justify-content:center;padding:40px 24px;display:flex;overflow-y:auto}.inv-preview-scroll::-webkit-scrollbar{width:6px}.inv-preview-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.inv-document{color:#0f172a;background:#fff;border-radius:4px;flex-shrink:0;width:760px;min-height:1000px;padding:56px 60px;font-family:Inter,system-ui,sans-serif;box-shadow:0 12px 56px #000000b3}.inv-doc-header{justify-content:space-between;align-items:flex-start;margin-bottom:0;display:flex}.inv-doc-brand{align-items:center;gap:18px;display:flex}.inv-doc-logo{width:auto;height:90px;display:block}.inv-brand-text{flex-direction:column;gap:3px;display:flex}.inv-co-name{color:#0f172a;letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.inv-co-sub{color:#64748b;font-size:.7rem}.inv-title-block{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.inv-doc-word{letter-spacing:-.04em;color:#e84017;font-size:2.2rem;font-weight:900;line-height:1}.inv-doc-num{color:#0f172a;font-size:1rem;font-weight:700}.inv-accent-bar{background:#e84017;border-radius:2px;height:4px;margin:22px 0 24px}.inv-meta-row{gap:0;margin-bottom:26px;display:flex}.inv-meta-cell{border-left:3px solid #f1f5f9;flex-direction:column;flex:1;gap:5px;padding-left:14px;display:flex}.inv-meta-cell:first-child{border-left:none;padding-left:0}.inv-meta-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;font-size:.62rem;font-weight:700}.inv-meta-val{color:#0f172a;font-size:.87rem;font-weight:700}.inv-parties{background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;padding:20px 24px;display:grid}.inv-party-heading{text-transform:uppercase;letter-spacing:.1em;color:#e84017;margin-bottom:8px;font-size:.6rem;font-weight:800}.inv-party-name{color:#0f172a;margin-bottom:4px;font-size:.95rem;font-weight:800}.inv-party-line{color:#64748b;font-size:.78rem;line-height:1.6}.inv-table{border-collapse:collapse;width:100%;margin-bottom:0}.inv-thead-row{background:#0f172a}.inv-th{text-transform:uppercase;letter-spacing:.07em;color:#e2e8f0;padding:11px 16px;font-size:.65rem;font-weight:700}.inv-th-left{text-align:left}.inv-th-center{text-align:center}.inv-th-right{text-align:right}.inv-tr{border-bottom:1px solid #f1f5f9}.inv-tr-alt{background:#f8fafc}.inv-td{color:#0f172a;vertical-align:top;padding:14px 16px;font-size:.85rem}.inv-td-center{text-align:center;color:#64748b}.inv-td-right{text-align:right}.inv-td-strong{font-weight:700}.inv-line-name{margin-bottom:3px;font-weight:600}.inv-line-desc{color:#94a3b8;font-size:.72rem}.inv-totals-wrap{border-top:2px solid #0f172a;justify-content:flex-end;margin-bottom:24px;padding-top:16px;display:flex}.inv-totals-box{flex-direction:column;gap:8px;width:300px;display:flex}.inv-tot-row{color:#64748b;justify-content:space-between;font-size:.84rem;display:flex}.inv-tot-row span:last-child{color:#0f172a;font-weight:600}.inv-tot-total{color:#0f172a;border-top:1px solid #e2e8f0;padding-top:8px;font-size:.95rem;font-weight:800}.inv-tot-total span{color:#0f172a;font-weight:800}.inv-tot-balance{color:#fff;background:#e84017;border-radius:7px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;font-size:1rem;font-weight:800;display:flex}.inv-note-block{background:#fff7f5;border-left:4px solid #e84017;border-radius:6px;margin-bottom:24px;padding:14px 18px}.inv-note-heading{text-transform:uppercase;letter-spacing:.08em;color:#e84017;margin-bottom:6px;font-size:.62rem;font-weight:800}.inv-note-text{color:#475569;font-size:.82rem;line-height:1.5}.inv-doc-footer{border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;margin-top:8px;padding-top:20px;display:flex}.inv-footer-msg{color:#475569;font-size:.8rem}.inv-footer-brand{color:#94a3b8;font-size:.7rem;font-weight:600}@media print{.no-print{display:none!important}body{background:#fff!important;overflow:visible!important}.app-container{display:none!important}.inv-modal-overlay{background:0 0!important;padding:0!important;position:static!important}.inv-modal-shell{background:0 0!important;height:auto!important}.inv-preview-scroll{background:0 0!important;padding:0!important;display:block!important;overflow:visible!important}.inv-document{box-shadow:none!important;border-radius:0!important;width:100%!important;padding:20px!important}}.btn-pill-action{background:var(--text-primary);color:var(--text-dark);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:12px 28px;font-size:.9rem;font-weight:700;transition:background .2s}.create-inv-overlay{z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.create-inv-shell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;box-shadow:0 24px 64px #00000080}.create-inv-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.create-inv-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:700}.create-inv-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex;overflow-y:auto}.create-inv-body::-webkit-scrollbar{width:5px}.create-inv-body::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}.create-inv-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.form-row{flex-wrap:wrap;gap:12px;display:flex}.form-field{flex-direction:column;flex:1;gap:5px;min-width:160px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.form-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;width:100%;padding:8px 10px;font-size:.875rem;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.form-textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);resize:vertical;outline:none;padding:8px 10px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.form-textarea:focus{border-color:var(--accent)}.form-select-wrap{position:relative}.form-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;appearance:none;outline:none;width:100%;padding:8px 32px 8px 10px;font-size:.875rem;transition:border-color .15s}.form-select:focus{border-color:var(--accent)}.select-chevron{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.customer-preview{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:8px;margin-top:4px;padding:6px 8px;font-size:.8rem;display:flex}.cust-prev-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.65rem;font-weight:800;display:flex}.form-input-suffix{align-items:center;display:flex;position:relative}.form-input-suffix .form-input{padding-right:28px}.suffix-label{color:var(--text-secondary);pointer-events:none;font-size:.8rem;font-weight:600;position:absolute;right:8px}.form-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:4px;font-size:.7rem;font-weight:700}.line-items-table{flex-direction:column;gap:6px;display:flex}.line-items-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);grid-template-columns:2fr 1.5fr 60px 100px 80px 32px;gap:6px;padding:0 4px;font-size:.68rem;font-weight:700;display:grid}.line-item-row{grid-template-columns:2fr 1.5fr 60px 100px 80px 32px;align-items:center;gap:6px;display:grid}.li-col-qty{text-align:center}.li-col-amount{text-align:right}.li-col-del{text-align:center}.li-amount{color:var(--text-primary);text-align:right;white-space:nowrap;font-size:.875rem;font-weight:600}.li-del-btn{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.li-del-btn:hover{color:#f43f5e;background:#f43f5e1a}.li-add-btn{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:5px;margin-top:2px;padding:7px 12px;font-size:.8rem;font-weight:600;transition:border-color .15s,color .15s;display:flex}.li-add-btn:hover{border-color:var(--accent);color:var(--accent)}.create-totals{flex-direction:column;gap:6px;width:280px;margin-left:auto;display:flex}.create-total-row{color:var(--text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.create-total-row span:last-child{color:var(--text-primary);font-weight:600}.create-total-row.grand{border-top:1px solid var(--border);padding-top:8px;font-size:1rem;font-weight:700}.create-total-row.grand span{color:var(--text-primary)}.form-error{color:#f43f5e;border-radius:var(--radius-sm);background:#f43f5e14;border:1px solid #f43f5e33;padding:8px 12px;font-size:.8rem;font-weight:500}.btn-create-invoice-primary{background:var(--accent);color:var(--text-dark);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:9px 20px;font-size:.875rem;font-weight:700;transition:opacity .2s}.btn-create-invoice-primary:disabled{opacity:.5;cursor:not-allowed}.btn-confirm{background:var(--accent);color:var(--text-dark);border-radius:var(--radius-pill);cursor:pointer;border:none;padding:9px 20px;font-size:.875rem;font-weight:700;transition:opacity .2s}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;padding:9px 20px;font-size:.875rem;font-weight:600;transition:border-color .2s}.btn-cancel:hover{border-color:var(--text-secondary)}.btn-pill-action:hover{background:var(--accent)}