:root{--bg-deep: #0a0e17;--bg-navy: #0f1629;--bg-card: rgba(15, 22, 41, .72);--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .1);--gold: #c9a962;--gold-dim: #a68b4a;--rose: #b76e79;--rose-dim: #9a5c66;--text: #e8eaf0;--text-muted: #8b92a8;--success: #4ade80;--danger: #f87171;--radius: 12px;--shadow: 0 8px 32px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0;overflow-x:hidden;-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg-deep);color:var(--text)}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}.app-view{overflow-x:hidden;min-height:100vh;padding-bottom:80px}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0a0e17;border:none;padding:10px 20px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.btn-gold:hover{opacity:.95;transform:scale(1.02)}.btn-gold:active{transform:scale(.98)}.btn-rose{background:linear-gradient(135deg,var(--rose),var(--rose-dim));color:#fff;border:none;padding:10px 20px;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}.animate-slide-up{animation:slide-up .35s ease-out forwards}.animate-pulse-btn{animation:pulse 1.5s ease-in-out infinite}.stagger-children>*{animation:slide-up .35s ease-out forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(n+6){animation-delay:.3s}.expand-transition{transition:max-height .35s ease,opacity .25s ease;overflow:hidden}.skeleton{background:linear-gradient(90deg,var(--glass) 25%,rgba(255,255,255,.08) 50%,var(--glass) 75%);background-size:200% 100%;animation:skeleton-shine 1.2s ease-in-out infinite;border-radius:6px}@keyframes skeleton-shine{to{background-position:200% 0}}.skeleton-text{height:14px}.skeleton-title{height:20px;width:60%}.skeleton-card{height:80px}input,select,textarea{background:#00000040;border:1px solid var(--glass-border);border-radius:8px;color:var(--text);padding:10px 12px;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px #c9a96240}label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.9rem}.form-group{margin-bottom:1rem}.bottom-nav-spacer{height:72px}.fab{position:fixed;bottom:88px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:#0a0e17;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 20px #c9a96266;z-index:50;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #c9a96280}.toast-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:20px 16px 0;pointer-events:none}.toast-popup{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:14px 18px;min-width:280px;max-width:420px;box-shadow:0 8px 32px #0006;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;font-weight:700}.toast-success .toast-icon{background:#4caf504d;color:#81c784}.toast-error .toast-icon{background:#f4433640;color:#e57373}.toast-info .toast-icon{background:#c9a96240;color:var(--gold)}.toast-text{flex:1;margin:0;font-size:.95rem;line-height:1.4;color:var(--text)}.toast-close{flex-shrink:0;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-muted);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:6px}.toast-close:hover{color:var(--text);background:#ffffff14}.main-header{position:sticky;top:0;z-index:40;padding:12px 20px;margin:0 0 16px}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.logo{margin:0;font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--gold),var(--rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-img{width:36px;height:36px;object-fit:contain;-webkit-text-fill-color:initial;background:none;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:10px}.user-badge,.role-badge{font-size:.85rem;color:var(--text-muted)}.role-badge{text-transform:capitalize;padding:2px 8px;background:var(--glass);border-radius:6px}.btn-logout{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:.85rem}.btn-logout:hover{color:var(--text);border-color:var(--gold)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--glass-border);background:transparent;color:var(--text-muted);border-radius:8px;cursor:pointer;transition:color .2s,border-color .2s}.btn-icon:hover{color:var(--gold);border-color:var(--gold)}.btn-refresh-icon{font-size:1.25rem;line-height:1}.main-content{max-width:1200px;margin:0 auto;padding:0 16px 24px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-around;padding:0 8px;z-index:45}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;color:var(--text-muted);text-decoration:none;font-size:.7rem;min-width:56px;transition:color .2s,background .2s}.bottom-nav-item:hover{color:var(--text)}.bottom-nav-item.active{color:var(--gold);background:#c9a96226}.nav-icon{font-size:1.25rem;margin-bottom:2px}.nav-label{white-space:nowrap}@media(min-width:768px){.bottom-nav{left:50%;transform:translate(-50%);width:480px;border-radius:var(--radius) var(--radius) 0 0}.fab{right:50%;margin-right:-260px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-deep)}.login-box{width:100%;max-width:380px;padding:32px}.login-title{margin:0 0 4px;font-size:1.5rem;background:linear-gradient(135deg,var(--gold),var(--rose));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.login-subtitle{margin:0 0 24px;color:var(--text-muted);font-size:.9rem;text-align:center}.login-form .form-group{margin-bottom:16px}.login-error{color:var(--danger);font-size:.9rem;margin:0 0 12px}.page-title{margin:0 0 20px;font-size:1.5rem;color:var(--text)}.dashboard-section{margin-top:28px}.section-title{margin:0 0 12px;font-size:1rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.stat-card{padding:20px}.stat-card-clickable{cursor:pointer;border:1px solid var(--glass-border);text-align:left;width:100%;font:inherit;color:inherit}.stat-card-clickable:hover{border-color:var(--gold);background:#c9a96214}.dashboard-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.dashboard-modal{max-width:560px;width:100%;max-height:80vh;overflow:auto;padding:20px}.dashboard-modal h3{margin:0 0 16px;font-size:1.1rem}.dashboard-modal .empty{color:var(--text-muted);margin:0}.stat-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.stat-value{font-size:1.35rem;font-weight:700}.stat-value.gold{color:var(--gold)}.stat-value.rose{color:var(--rose)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.quick-actions.menu-style{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.quick-action-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 14px;text-decoration:none;color:var(--text-muted);transition:color .2s,background .2s,border-color .2s;border-radius:var(--radius);min-height:88px}.quick-action-item:hover{color:var(--gold);background:#c9a9621a;border-color:#c9a9624d}.quick-action-item .qa-icon{font-size:1.5rem;margin-bottom:8px}.quick-action-item .qa-label{font-size:.85rem;font-weight:500;text-align:center;line-height:1.2}.quick-action-card{padding:16px;text-align:center;text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}.quick-action-card:hover{background:#ffffff14;border-color:var(--gold)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid var(--glass-border)}.data-table th{color:var(--text-muted);font-weight:600;font-size:.85rem}.data-table a{color:var(--gold);text-decoration:none}.data-table a:hover{text-decoration:underline}.toolbar{display:flex;gap:12px;padding:12px 16px;margin-bottom:16px;flex-wrap:wrap}.search-input{flex:1;min-width:180px}.form-card{padding:20px;margin-bottom:20px}.form-card h3{margin:0 0 16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;gap:12px;margin-top:16px}.message{color:var(--gold);margin:0 0 12px}.empty{color:var(--text-muted);padding:24px;text-align:center}.customer-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.customer-item{padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.customer-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.customer-no{font-size:.85rem;color:var(--text-muted)}.customer-meta{font-size:.85rem;color:var(--text-muted);display:flex;gap:16px}.total-hint{margin-top:16px;font-size:.9rem;color:var(--text-muted)}.gps-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-pin{flex-shrink:0}.gps-status{font-size:.9rem;color:var(--text-muted)}.gps-coords{margin:8px 0 0;font-size:.85rem;color:var(--gold)}.occupation-combo select{margin-bottom:0}.add-occupation-row{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.add-occupation-row input{flex:1;min-width:140px}.edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.edit-modal-window{max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:20px}.edit-modal-window h3{margin:0 0 16px}.customer-item .customer-meta{margin-right:auto}.customer-item-actions{display:flex;gap:8px;margin-left:auto;flex-shrink:0}.customer-item-actions .btn-history{text-decoration:none}.btn-edit{flex-shrink:0}.agreement-print-only{display:none}@media print{body *{visibility:hidden}#agreement-print-area,#agreement-print-area *{visibility:visible}#agreement-print-area{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;color:#111;padding:16px 24px;font-size:12px}.agreement-print{max-width:800px;margin:0 auto}.hp-agreement .hp-institute{text-align:center;margin:0 0 12px}.hp-agreement .hp-institute-name{font-size:1.1rem;font-weight:700;margin:0 0 4px}.hp-agreement .hp-institute-address,.hp-agreement .hp-institute-contact{margin:0 0 2px;font-size:11px}.hp-agreement .hp-title{font-size:1.25rem;text-align:center;margin:0 0 8px}.hp-agreement .hp-address,.hp-agreement .hp-contact{text-align:center;margin:0 0 4px;font-size:11px}.hp-agreement .hp-meta{margin:12px 0 16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px}.hp-agreement .hp-meta .hp-meta-date{margin-left:auto}.hp-agreement .hp-meta p{margin:0}.hp-agreement .hp-section{margin-bottom:16px;break-inside:avoid}.hp-agreement .hp-section h3{font-size:1rem;margin:0 0 8px;border-bottom:1px solid #333;padding-bottom:4px}.hp-agreement .hp-section p{margin:2px 0;font-size:11px}.hp-agreement .hp-section .label{display:inline-block;min-width:180px}.hp-agreement .hp-section .sig-line{margin-top:8px}.hp-agreement .hp-section .sig-line.sig-right{text-align:right}.hp-agreement .hp-section-guarantor{page-break-inside:avoid}.hp-agreement .hp-bill-date-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:24px 32px;margin:4px 0;font-size:11px}.hp-agreement .hp-bill-date-row .label{min-width:0}.hp-agreement .goods-table-wrap{margin:8px 0;overflow:visible}.hp-agreement .hp-goods-table{width:100%;border-collapse:collapse;font-size:10px}.hp-agreement .hp-goods-table th,.hp-agreement .hp-goods-table td{border:1px solid #333;padding:4px 6px;text-align:left}.hp-agreement .hp-goods-table th{background:#f0f0f0}.hp-agreement .hp-schedule p{margin:4px 0}.hp-agreement .hp-declaration .decl-title{font-weight:600;margin-bottom:4px}.hp-agreement .hp-declaration .decl-text{margin:4px 0 12px;font-size:11px}.hp-agreement .hp-declaration .decl-line{margin-top:14px}.hp-agreement .hp-declaration .decl-line.sig-line{margin-top:18px}.hp-agreement .decl-sig-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:12px;font-size:11px}.hp-agreement .hp-declaration .decl-names-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:10px;font-size:11px}.hp-agreement .hp-declaration .decl-sig-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;margin-top:10px;margin-bottom:18px;font-size:11px}.hp-agreement .hp-declaration .decl-authorized{display:block;text-align:center;margin-top:24px;font-size:11px}.agreement-print-company{font-size:1.5rem;margin:0 0 4px}.agreement-print-sub{margin:0 0 16px;font-size:1rem}.agreement-print-table{width:100%;border-collapse:collapse;margin:12px 0}.agreement-print-table td,.agreement-print-table th{padding:6px 10px;text-align:left;border:1px solid #333}.agreement-print-items h4,.agreement-print-guarantors h4{margin:16px 0 8px}.agreement-print-footer{margin-top:24px;font-size:.9rem;color:#444}}.customer-history-page{padding-bottom:24px}.history-header{padding:16px 20px;margin-bottom:16px}.history-header .back-link{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:8px}.history-header .back-link:hover{color:var(--gold)}.history-header .page-title{margin:0 0 8px}.customer-meta{margin:0;font-size:.9rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:12px}.history-tabs{display:flex;gap:0;padding:4px;margin-bottom:16px}.history-tabs button{flex:1;padding:12px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;font-weight:500}.history-tabs button.active{background:#c9a96233;color:var(--gold)}.history-section{padding:20px}.history-section h3{margin:0 0 16px}.history-table-wrap{overflow-x:auto}.history-table-wrap .data-table{width:100%;border-collapse:collapse}.history-table-wrap .data-table th,.history-table-wrap .data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--glass-border)}.history-table-wrap .data-table th{font-weight:600;color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:.85rem}.recovery-list{list-style:none;padding:0;margin:0}.recovery-item{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;margin-bottom:8px}.recovery-item-main{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.recovery-item-main .ag-no{font-weight:600;color:var(--gold)}.recovery-item-main .ag-item{color:var(--text-muted)}.recovery-item-main .ag-balance{font-weight:600}.recovery-item-actions{display:flex;gap:8px}.recovery-item-actions a{text-decoration:none}.customer-history-page .message{color:var(--gold);margin-bottom:12px}.customer-history-page .empty{color:var(--text-muted);padding:12px 0}.history-actions{display:flex;flex-wrap:wrap;gap:6px}.amendment-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.amendment-modal{max-width:400px;width:100%;padding:20px}.amendment-modal h3{margin:0 0 12px}.amendment-modal .hint{font-size:.85rem;color:var(--text-muted);margin:0 0 16px}.amendment-modal .form-group{margin-bottom:12px}.amendment-modal .form-group label{display:block;margin-bottom:4px}.amendment-modal .form-group input{width:100%;padding:8px}.amendment-modal .form-actions{display:flex;gap:12px;margin-top:16px}.date-picker-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-top:8px}.date-picker-row input[type=date]{padding:8px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text)}.date-picker-label{margin-left:8px;margin-right:2px;font-size:.9rem;color:var(--text-muted)}.date-picker-row select{padding:6px 10px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text)}.readonly-input{background:#0003;color:var(--text);cursor:default;border:1px solid var(--glass-border);padding:8px}.items-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:6px;margin-bottom:16px}.items-tabs button{padding:10px 14px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;font-weight:500}.items-tabs button.active{background:#c9a96233;color:var(--gold)}.items-page .toolbar{display:flex;gap:12px;padding:12px 16px;margin-bottom:16px;flex-wrap:wrap}.items-page .search-input{flex:1;min-width:180px}.items-page .form-card{padding:20px;margin-bottom:20px}.items-page .form-card h3{margin:0 0 16px}.items-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.items-page .form-row{grid-template-columns:1fr}}.items-page .form-actions{display:flex;gap:12px;margin-top:16px}.items-page .form-group .hint{font-size:.8rem;color:var(--text-muted);margin-top:4px}.items-page .form-group .readonly{background:#0003;color:var(--text-muted)}.items-page .add-inline{display:flex;gap:8px;margin-top:8px;align-items:center}.items-page .add-inline input{flex:1;min-width:0}.items-page .btn-sm{padding:6px 12px;font-size:.85rem}.items-page .message{color:var(--gold);margin:0 0 12px}.items-page .empty{color:var(--text-muted);padding:24px;text-align:center}.items-page .search-results{list-style:none;padding:0;margin:8px 0 0;max-height:180px;overflow-y:auto}.items-page .search-results button{width:100%;padding:10px;text-align:left;background:#0003;border:none;color:var(--text);cursor:pointer;border-radius:6px;margin-bottom:4px}.items-page .search-results button:hover{background:#c9a96226}.grn-items-table-wrap{margin:12px 0;overflow-x:auto}.grn-items-table{width:100%;border-collapse:collapse}.grn-items-table th,.grn-items-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--glass-border)}.grn-items-table input[type=number]{width:80px;padding:4px 8px}.items-page .btn-remove{background:none;border:none;color:var(--danger, #e57373);cursor:pointer;font-size:.85rem}.item-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.item-row{padding:16px}.item-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-code{font-size:.85rem;color:var(--text-muted)}.item-meta{font-size:.85rem;color:var(--text-muted);display:flex;gap:16px}.items-page .total-hint{margin-top:16px;font-size:.9rem;color:var(--text-muted)}.bill-print-only{display:none}@media print{@page{size:A4;margin:10mm}body *{visibility:hidden}#bill-print-area,#bill-print-area *{visibility:visible}#bill-print-area{display:block!important;position:absolute;left:0;top:0;width:100%;background:#fff;color:#111;padding:0;font-size:11px}.a4-bill{width:210mm;min-height:297mm;margin:0 auto;padding:12mm 15mm;box-sizing:border-box}.bill-print .bill-company{font-size:1.4rem;text-align:center;margin:0 0 4px}.bill-print .bill-address{text-align:center;margin:0 0 12px;font-size:10px}.bill-print .bill-title{font-size:1.1rem;text-align:center;margin:0 0 12px}.bill-print .bill-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.bill-print .bill-meta p{margin:0}.bill-print .bill-table{width:100%;border-collapse:collapse;margin:12px 0}.bill-print .bill-table th,.bill-print .bill-table td{border:1px solid #333;padding:4px 6px;text-align:left;font-size:10px}.bill-print .bill-table th{background:#f0f0f0}.bill-print .bill-totals{margin-top:12px;text-align:right}.bill-print .bill-totals p{margin:2px 0}.bill-print .bill-totals .net{font-weight:700;font-size:1.05rem}.bill-print .bill-footer{margin-top:24px;text-align:center;font-size:10px}}.mode-tabs{display:flex;gap:0;padding:4px;margin-bottom:16px}.mode-tabs button{flex:1;padding:12px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;font-weight:500}.mode-tabs button.active{background:#c9a96233;color:var(--gold)}.search-section{padding:16px;margin-bottom:16px}.search-section label{display:block;margin-bottom:8px}.search-results{list-style:none;padding:0;margin:8px 0 0;max-height:200px;overflow-y:auto}.search-results li{margin:0}.search-results button{width:100%;padding:10px 12px;text-align:left;background:#0003;border:none;color:var(--text);cursor:pointer;border-radius:6px;margin-bottom:4px}.search-results button:hover{background:#c9a96226}.cart-section{padding:20px}.cart-section h3{margin:0 0 12px}.cart-list{list-style:none;padding:0;margin:0 0 16px}.cart-list li{padding:8px 0;border-bottom:1px solid var(--glass-border)}.cart-line-main{display:flex;justify-content:space-between;align-items:center}.cart-line-extra{display:flex;gap:8px;margin-top:6px}.cart-line-extra input{flex:1;max-width:140px;padding:4px 8px;font-size:.85rem}.cart-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.reprint-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--glass-border)}.reprint-section h4{margin:0 0 12px;font-size:1rem;color:var(--text-muted)}.reprint-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.reprint-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#00000026;border-radius:8px;font-size:.9rem}.reprint-row span:first-child{font-weight:500;min-width:80px}.reprint-row span:nth-child(2){color:var(--text-muted);min-width:100px}.reprint-row span:nth-child(3){margin-left:auto;color:var(--gold)}.btn-small{padding:6px 12px;font-size:.85rem;background:#c9a96240;border:1px solid var(--gold);color:var(--gold);border-radius:6px;cursor:pointer}.btn-small:hover{background:#c9a96259}.btn-remove{background:transparent;border:none;color:var(--danger);cursor:pointer;font-size:.85rem}.total-line{margin:12px 0;font-weight:600;color:var(--gold)}.hp-form-section{padding:20px}.hp-form-section h3{margin:0 0 16px}.hp-items-table-wrap{margin:12px 0;overflow-x:auto}.hp-items-table{width:100%;border-collapse:collapse}.hp-items-table th,.hp-items-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--glass-border)}.hp-items-table th{font-weight:600;color:var(--text-muted)}.hp-items-table input[type=number]{width:100%;max-width:90px;padding:6px 8px}.hp-items-table input[type=text]{width:100%;max-width:100px;padding:6px 8px}.checkbox-inline{display:inline-flex;align-items:center;gap:8px;margin-right:12px;cursor:pointer}.hint{color:var(--text-muted);font-size:.9rem}.guarantor-row{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.guarantor-row input[type=search]{min-width:160px}.guarantor-row input[type=text]{min-width:100px;max-width:140px}.guarantor-row .search-results{max-height:120px}.hp-summary{padding:12px 16px;margin:12px 0;border-radius:8px}.hp-summary p{margin:4px 0}.readonly-input{background:#0003;color:var(--text);cursor:default;border:1px solid var(--glass-border)}.hp-form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.hp-form-section .form-row{grid-template-columns:1fr}}.sales-page .empty{color:var(--text-muted);padding:12px 0}.sales-page .message{color:var(--gold);margin-bottom:12px}.cash-customer-section{margin-bottom:16px}.cash-customer-section h3{margin:0 0 8px}.cash-customer-options{display:flex;flex-direction:column;gap:10px}.cash-option-row{display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;margin-right:16px;width:fit-content}.cash-option-row input[type=radio]{width:auto;min-width:18px;flex-shrink:0;margin:0;cursor:pointer}.cash-option-row span{font-size:.95rem}.cash-customer-search-wrap{margin-top:4px}.cash-customer-search,.walkin-name-input{width:100%;max-width:280px;padding:8px 12px;margin-top:4px}.selected-customer-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;padding:8px 12px;background:#0003;border-radius:8px}.selected-customer-row span{font-weight:500}.customer-sales-popup{max-width:520px;width:100%;padding:20px;max-height:85vh;overflow:auto}.customer-sales-popup h3{margin:0 0 12px}.customer-sales-list-wrap{overflow-x:auto;max-height:50vh;overflow-y:auto}.customer-sales-popup .hp-items-table{margin:0}.loan-success-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loan-success-popup{max-width:360px;width:100%;padding:28px 24px;text-align:center;border:2px solid rgba(76,175,80,.6);box-shadow:0 0 24px #4caf5040;animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.loan-success-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#4caf504d;color:#81c784;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center}.loan-success-title{font-size:1.35rem;margin:0 0 12px;color:var(--gold)}.loan-success-sub{margin:0 0 8px;color:var(--text)}.loan-success-amount{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--gold)}.loan-success-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.loan-success-btn{padding:12px 24px;font-size:1rem}.agreement-list{padding:20px;margin-bottom:20px}.agreement-list h3{margin:0 0 12px}.agreement-list-ul{list-style:none;padding:0;margin:0}.agreement-list-ul li{margin:0 0 8px}.agreement-item{width:100%;padding:12px 16px;text-align:left;background:#0003;border:1px solid var(--glass-border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.agreement-item:hover{border-color:var(--gold);background:#c9a96214}.agreement-item.active{border-color:var(--gold);background:#c9a96226}.ag-no{font-weight:600}.ag-customer{flex:1;color:var(--text-muted)}.ag-balance{color:var(--gold)}.payment-panel{padding:20px}.payment-panel h3{margin:0 0 8px}.payment-panel h4{margin:16px 0 8px;font-size:.95rem}.detail-line{margin:0 0 4px;font-size:.9rem;color:var(--text-muted)}.detail-line .gold{color:var(--gold)}.ledger-wrap{overflow-x:auto;margin-top:8px}.recovery-page .data-table{width:100%;border-collapse:collapse}.recovery-page .data-table th,.recovery-page .data-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--glass-border)}.recovery-page .data-table th{font-size:.85rem;color:var(--text-muted)}.recovery-page .message{color:var(--gold);margin-bottom:12px}.recovery-page .empty{color:var(--text-muted);padding:8px 0}.migration-page{padding-bottom:24px}.migration-desc{color:var(--text-muted);font-size:.95rem;margin:0 0 20px;max-width:560px}.migration-desc code{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:.9em}.migration-card{padding:24px;max-width:480px}.migration-card h3{margin:0 0 16px}.migration-msg{color:var(--text-muted)}.migration-error{color:var(--danger);margin-top:12px}.migration-result{margin-top:20px;padding:16px;background:#0003;border-radius:8px}.result-ok{color:var(--gold);margin:0 0 8px}.migration-result pre{margin:0;font-size:.85rem;color:var(--text);overflow-x:auto}.settings-page .page-title{margin:0 0 16px}.settings-gate{padding:24px;max-width:320px}.settings-gate-hint{margin:0 0 16px;color:var(--text-muted)}.settings-password-input{width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-deep);color:var(--text)}.settings-error{color:var(--danger, #e74c3c);font-size:.9rem;margin-bottom:12px}.settings-content{padding:20px}.settings-toolbar{margin-bottom:16px}.settings-welcome{color:var(--text-muted)}.settings-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--glass-border)}.settings-section-title{margin:0 0 8px;font-size:1.1rem}.settings-hint{color:var(--text-muted);font-size:.9rem;margin:0 0 16px}.settings-loading{color:var(--text-muted);margin:0}.institute-form .form-group{margin-bottom:14px}.institute-form .form-group label{display:block;margin-bottom:4px;color:var(--text-muted);font-size:.9rem}.institute-form input{max-width:400px}.institute-form button{margin-top:8px}.users-page .toolbar{margin-bottom:1rem}.users-list{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}.users-table th{font-weight:600;color:#ffffffb3}.users-table .btn-sm{padding:.25rem .5rem;font-size:.85rem}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{max-width:400px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem}.modal-content h3{margin-top:0;margin-bottom:1rem}.modal-content .form-group{margin-bottom:.75rem}.modal-content .form-actions{display:flex;gap:.5rem;margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.reports-page{padding-bottom:24px}.reports-date-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:14px 18px;margin-bottom:16px}.reports-date-row label{font-size:.9rem;color:var(--text-muted)}.reports-date-row input[type=date]{padding:8px 12px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text)}.reports-tabs{display:flex;gap:0;padding:4px;margin-bottom:20px}.reports-tabs button{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:8px;font-weight:500;font-size:.95rem}.reports-tabs button:hover{color:var(--text)}.reports-tabs button.active{background:#c9a96233;color:var(--gold)}.report-section{padding:20px;margin-bottom:20px}.report-section h3{margin:0 0 16px;font-size:1.1rem;color:var(--text)}.report-summary{margin-bottom:16px;padding:12px;background:#00000026;border-radius:8px}.report-summary p{margin:4px 0;font-size:.95rem}.category-list{list-style:none;padding:0;margin:8px 0 0}.category-list li{padding:4px 0;font-size:.9rem}.expense-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:16px}.expense-form input,.expense-form select{padding:8px 12px;border-radius:6px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text)}.expense-form input[type=number]{min-width:100px}.expense-form input[type=text]{min-width:140px}.final-report .pl-summary{font-size:1rem}.pl-total{margin-top:12px!important;padding-top:12px;border-top:1px solid var(--glass-border);color:var(--gold)}.reports-page .table-wrap{overflow-x:auto;margin-top:12px}.reports-page .data-table{width:100%;border-collapse:collapse}.reports-page .data-table th,.reports-page .data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--glass-border)}.reports-page .data-table th{color:var(--text-muted);font-weight:600;font-size:.85rem}.reports-page .empty{color:var(--text-muted);margin:0}.reports-page .message{margin:8px 0;font-size:.9rem;color:var(--gold)}