*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#172033;background:#f5f7fb}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{background:#f5f7fb;min-height:100vh;display:flex}.sidebar{color:#d1d5db;z-index:100;background:#111827;width:250px;min-width:250px;min-height:100vh;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:76px;padding:18px 20px;display:flex}.brand-logo{color:#fff;background:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.brand strong{color:#fff;font-size:14px;display:block}.brand small{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.sidebar nav{padding:14px 12px 30px}.section{color:#6b7280;letter-spacing:.12em;padding:17px 12px 7px;font-size:10px;font-weight:700}.sidebar nav a{color:#cbd5e1;border-radius:8px;align-items:center;gap:12px;min-height:42px;margin:2px 0;padding:9px 12px;font-size:13px;transition:all .15s;display:flex}.sidebar nav a span{text-align:center;opacity:.85;width:20px;font-size:16px}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{color:#fff;background:#2563eb;font-weight:600}.main{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title strong{font-size:15px;display:block}.topbar-title span{color:#6b7280;margin-top:3px;font-size:11px;display:block}.topbar-actions{align-items:center;gap:16px;display:flex}.theme-button{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;width:38px;height:38px;font-size:17px}.theme-button:hover{background:#f3f4f6}.user-profile{align-items:center;gap:9px;display:flex}.avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-info strong{font-size:12px;display:block}.user-info small{color:#6b7280;margin-top:2px;font-size:10px;display:block}.logout{color:#6b7280;cursor:pointer;background:0 0;border:0;font-size:12px}.logout:hover{color:#dc2626}.mobile-menu{display:none}.content{max-width:1600px;padding:30px}.page-heading{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.page-heading h1{margin:0;font-size:25px;font-weight:700}.page-heading p{color:#6b7280;margin:6px 0 0;font-size:13px}.btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 14px;font-size:12px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px;display:grid}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:15px;padding:20px;transition:all .15s;display:flex}.kpi-card:hover{border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 6px 18px #0f172a0f}.kpi-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:21px;display:flex}.kpi-info span{color:#6b7280;font-size:12px;display:block}.kpi-info strong{margin-top:4px;font-size:24px;display:block}.dashboard-grid{grid-template-columns:minmax(260px,.8fr) minmax(400px,1.4fr);gap:18px;margin-bottom:20px;display:grid}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h2{margin:0;font-size:15px}.card-heading p{color:#6b7280;margin:5px 0 0;font-size:11px}.card-icon{color:#6b7280;background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stock-value{margin-top:35px;font-size:36px;font-weight:700}.stock-label{color:#6b7280;margin-top:3px;font-size:12px}.activity-list{margin-top:20px}.activity-item{border-bottom:1px solid #f0f1f3;gap:12px;padding:11px 0;display:flex}.activity-item:last-child{border-bottom:0}.activity-dot{color:#059669;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:11px;display:flex}.activity-content strong{font-size:11px;display:block}.activity-content span{color:#4b5563;margin-top:2px;font-size:11px;display:block}.activity-content small{color:#9ca3af;margin-top:3px;font-size:10px;display:block}.empty-state{color:#9ca3af;text-align:center;padding:20px;font-size:12px}.quick-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.quick-action-grid a{border:1px solid #e5e7eb;border-radius:9px;padding:15px;transition:all .15s}.quick-action-grid a:hover{background:#f8fbff;border-color:#93c5fd}.quick-action-grid span{color:#2563eb;font-size:20px;display:block}.quick-action-grid strong{margin-top:8px;font-size:12px;display:block}.quick-action-grid small{color:#6b7280;margin-top:3px;font-size:10px;display:block}html.dark body{color:#e5e7eb;background:#0f172a}html.dark .app{background:#0f172a}html.dark .topbar{background:#111827;border-color:#1f2937}html.dark .topbar-title span,html.dark .page-heading p,html.dark .kpi-info span,html.dark .card-heading p,html.dark .stock-label,html.dark .user-info small{color:#94a3b8}html.dark .theme-button,html.dark .btn-secondary{color:#e5e7eb;background:#1f2937;border-color:#374151}html.dark .kpi-card,html.dark .dashboard-card{background:#111827;border-color:#1f2937}html.dark .kpi-card:hover{border-color:#374151;box-shadow:0 8px 24px #00000040}html.dark .kpi-icon{color:#60a5fa;background:#172554}html.dark .card-icon{color:#94a3b8;background:#1f2937}html.dark .activity-item{border-color:#1f2937}html.dark .activity-content span{color:#cbd5e1}html.dark .quick-action-grid a{border-color:#374151}html.dark .quick-action-grid a:hover{background:#172033;border-color:#4b5563}html.dark .quick-action-grid small{color:#94a3b8}html.dark .alert-error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}.sidebar-overlay{display:none}@media (width<=1100px){.kpi-grid,.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay{z-index:90;background:#00000073;display:block;position:fixed;inset:0}.main{width:100%;margin-left:0}.mobile-menu{cursor:pointer;background:0 0;border:0;margin-right:10px;font-size:21px;display:block}.topbar{padding:0 16px}.topbar-title{margin-right:auto}.user-info{display:none}.content{padding:20px 15px}.dashboard-grid{grid-template-columns:1fr}}@media (width<=550px){.kpi-grid,.quick-action-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:12px}.user-profile,.logout{display:none}}.page{width:100%}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{margin:0;font-size:26px;font-weight:700}.btn-primary,.btn-secondary{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .15s}.btn-primary{color:#fff;background:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#374151;background:#e5e7eb}.card{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:12px;overflow:hidden}.toolbar{border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:center;padding:16px;display:flex}.search-box{border:1px solid var(--border,#d1d5db);background:var(--input-bg,#fff);border-radius:8px;align-items:center;gap:8px;width:360px;padding:8px 12px;display:flex}.search-box span{color:#6b7280;font-size:20px}.search-box input{width:100%;color:inherit;background:0 0;border:0;outline:0;font-size:14px}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th{text-align:left;background:var(--table-head,#f9fafb);color:#6b7280;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:13px 16px;font-size:12px;font-weight:700}.data-table td{border-top:1px solid var(--border,#e5e7eb);vertical-align:middle;padding:14px 16px}.code{color:#2563eb;font-size:13px}.customer-name{font-weight:600}.data-table small{color:#9ca3af;margin-top:3px;font-size:12px;display:block}.action-column{text-align:right!important}.actions{text-align:right;white-space:nowrap}.icon-button{border:1px solid var(--border,#d1d5db);cursor:pointer;background:0 0;border-radius:7px;width:32px;height:32px;margin-left:5px;font-size:15px}.icon-button:hover{background:#2563eb14}.icon-button.danger{color:#dc2626}.status{border-radius:999px;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.status.active{color:#166534;background:#dcfce7}.status.inactive{color:#991b1b;background:#fee2e2}.empty-state{text-align:center;color:#6b7280;padding:60px!important}.empty-state strong,.empty-state span{margin-top:7px;display:block}.empty-icon{opacity:.35;font-size:30px}.modal-backdrop{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card-bg,#fff);width:min(850px,100%);max-height:92vh;color:inherit;border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000040}.modal-header{border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:0;font-size:27px}.form-section{border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:22px;padding-bottom:22px}.form-section:last-child{border-bottom:0;margin-bottom:0}.form-section h3{margin:0 0 16px;font-size:14px;font-weight:700}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{box-sizing:border-box;border:1px solid var(--border,#d1d5db);background:var(--input-bg,#fff);width:100%;color:inherit;border-radius:7px;outline:none;padding:10px 11px;font-family:inherit;font-size:13px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-error{border-color:#dc2626!important}.error-text{margin-top:4px;color:#dc2626!important}.input-with-prefix,.input-with-suffix{border:1px solid var(--border,#d1d5db);border-radius:7px;align-items:center;display:flex;overflow:hidden}.input-with-prefix span,.input-with-suffix span{color:#6b7280;padding:0 10px;font-size:12px}.input-with-prefix input,.input-with-suffix input{border:0;border-radius:0}.checkbox-label{cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.checkbox-label input{width:16px;height:16px}.modal-footer{border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.dark .card{--card-bg:#172033;--border:#293449;--table-head:#111827;--input-bg:#111827;--muted:#9ca3af}.dark .data-table th{color:#9ca3af}.dark .data-table td{color:#e5e7eb}.dark .data-table tbody tr:hover{background:#ffffff06}.dark .modal{--card-bg:#172033;--border:#293449;--input-bg:#111827}.dark .form-group input,.dark .form-group textarea,.dark .form-group select{color:#e5e7eb}.dark .btn-secondary{color:#e5e7eb;background:#293449}@media (width<=800px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.search-box{width:auto}.form-grid,.form-grid.three{grid-template-columns:1fr}.modal-backdrop{padding:0}.modal{border-radius:0;height:100vh;max-height:100vh}}.overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.overlay .modal{background:var(--card-bg,#fff);width:min(900px,100%);max-height:calc(100vh - 48px);color:var(--text,#172033);border-radius:14px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 25px 70px #0000004d}.overlay .panel-head{border-bottom:1px solid var(--border,#e5e7eb);background:var(--card-bg,#fff);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.overlay .panel-head h3{margin:0;font-size:18px;font-weight:700}.overlay .panel-head button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;padding:0;font-size:25px;line-height:1}.overlay .panel-head button:hover{color:#111827;background:#f1f5f9}.overlay form.form-grid{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;min-height:0;padding:22px;display:grid;overflow:hidden auto}.overlay .form-grid>div>label:not(.check){color:inherit;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.overlay .form-grid input,.overlay .form-grid select,.overlay .form-grid textarea{box-sizing:border-box;border:1px solid var(--border,#d1d5db);background:var(--input-bg,#fff);width:100%;min-width:0;color:inherit;border-radius:8px;outline:none;padding:10px 11px;transition:border-color .15s,box-shadow .15s}.overlay .form-grid input,.overlay .form-grid select{height:42px}.overlay .form-grid input:focus,.overlay .form-grid select:focus,.overlay .form-grid textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.overlay .form-grid .check{border:1px solid var(--border,#d1d5db);background:var(--input-bg,#fff);cursor:pointer;border-radius:8px;align-items:center;gap:9px;min-height:42px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.overlay .form-grid .check input{width:17px;height:17px;margin:0;padding:0}.overlay .modal-actions{z-index:5;border-top:1px solid var(--border,#e5e7eb);background:var(--card-bg,#fff);justify-content:flex-end;align-items:center;gap:10px;margin:0 -22px -22px;padding:14px 22px;display:flex;position:sticky;bottom:0}.overlay .modal-actions button{cursor:pointer;border:0;border-radius:8px;min-width:100px;height:40px;padding:0 18px;font-size:13px;font-weight:600}.overlay .modal-actions button[type=submit]{color:#fff;background:#2563eb}.overlay .modal-actions button[type=submit]:hover{background:#1d4ed8}.overlay .modal-actions button[type=submit]:disabled{opacity:.65;cursor:wait}.overlay .modal-actions button.secondary{color:#374151;background:#e5e7eb}.overlay .modal-actions button.secondary:hover{background:#d1d5db}.dark .overlay .modal{--card-bg:#172033;--input-bg:#202a3d;--border:#334155;--text:#f8fafc;color:#f8fafc;background:#172033}.dark .overlay .panel-head{background:#172033;border-color:#334155}.dark .overlay .panel-head button{color:#94a3b8}.dark .overlay .panel-head button:hover{color:#fff;background:#273449}.dark .overlay .form-grid input,.dark .overlay .form-grid select,.dark .overlay .form-grid textarea,.dark .overlay .form-grid .check{color:#f8fafc;background:#202a3d;border-color:#334155}.dark .overlay .form-grid input::placeholder,.dark .overlay .form-grid textarea::placeholder{color:#64748b}.dark .overlay .modal-actions{background:#172033;border-color:#334155}.dark .overlay .modal-actions button.secondary{color:#f8fafc;background:#334155}.dark .overlay .modal-actions button.secondary:hover{background:#475569}@media (width<=700px){.overlay{align-items:center;padding:10px}.overlay .modal{border-radius:12px;width:100%;max-height:calc(100vh - 20px)}.overlay form.form-grid{grid-template-columns:1fr;padding:18px}.overlay .form-grid>.full{grid-column:auto}.overlay .modal-actions{margin:0 -18px -18px;padding:12px 18px}.overlay .modal-actions button{flex:1}}.login-logo{color:#fff;letter-spacing:1px;background:#111827;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;font-size:22px;font-weight:800;display:flex}.login-card h2{color:#111827;margin:0;font-size:28px;line-height:1.2}.login-card>p{color:#64748b;margin:8px 0 28px}.login-card label{color:#374151;margin-top:8px;font-size:14px;font-weight:600}.login-card input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.login-card button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:9px;width:100%;margin-top:18px;padding:12px 16px;font-weight:600;transition:background .15s,transform 50ms}.login-card button:active{transform:translateY(1px)}.login-card>small{color:#94a3b8;text-align:center;margin-top:24px;display:block}.dark .login-card h2{color:#f8fafc}.dark .login-card>p{color:#94a3b8}.dark .login-card button{color:#111827;background:#f8fafc}.dark .login-card button:hover{background:#e2e8f0}@media (width<=480px){.login-page{padding:16px}.login-card{border-radius:14px;padding:26px 22px}}.overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:hidden auto}.overlay .modal{background:var(--card-bg,#fff);border-radius:14px;flex-direction:column;width:min(920px,100%);max-width:920px;min-height:0;max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.overlay .panel-head{flex:none}.overlay form.form-grid{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:0;max-height:none;padding:20px;display:grid;overflow:hidden auto}.overlay .form-grid>.full{grid-column:1/-1}.overlay .form-grid input,.overlay .form-grid select,.overlay .form-grid textarea{box-sizing:border-box;width:100%;min-width:0}.overlay .form-grid textarea{resize:vertical;min-height:100px}.overlay .modal-actions{z-index:2;background:var(--card-bg,#fff);flex:none;position:relative}.overlay form.form-grid::-webkit-scrollbar{width:9px}.overlay form.form-grid::-webkit-scrollbar-track{background:0 0}.overlay form.form-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.overlay form.form-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=700px){.overlay{align-items:flex-start;padding:10px}.overlay .modal{width:100%;max-height:calc(100vh - 20px)}.overlay form.form-grid{grid-template-columns:1fr;padding:16px}.overlay .form-grid>.full{grid-column:auto}.overlay .modal-actions{padding:12px 16px}}.dark .overlay{background:#000000a6}.dark .overlay .modal-actions{background:#172033}.dark .overlay form.form-grid::-webkit-scrollbar-thumb{background:#475569}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}.login-page{box-sizing:border-box;background:#f5f7fb;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(420px,100%);padding:32px;box-shadow:0 12px 40px #0f172a1a}.login-logo{color:#fff;background:#111827;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:20px;font-weight:800;display:flex}.login-card h2{margin:0 0 6px;font-size:28px;line-height:1.2}.login-card p{color:#64748b;margin:0 0 24px}.login-card form{flex-direction:column;gap:8px;display:flex}.login-card label{color:#374151;margin-top:8px;font-size:13px;font-weight:600;display:block}.login-card input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px}.login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-card button{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:8px;width:100%;min-height:44px;margin-top:18px;font-weight:600}.login-card button:hover{background:#1f2937}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-card small{color:#64748b;text-align:center;margin-top:24px;display:block}.login-card .error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.overlay{z-index:1000;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden auto}.overlay .modal{color:#172033;background:#fff;border-radius:14px;flex-direction:column;width:min(1000px,100%);max-width:1000px;height:min(760px,100vh - 48px);max-height:calc(100vh - 48px);margin:auto;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a40}.overlay .modal .panel-head{background:#fff;border-bottom:1px solid #e5e7eb;flex:none;justify-content:space-between;align-items:center;min-height:64px;padding:0 22px;display:flex}.overlay .modal form.form-grid{box-sizing:border-box;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;min-height:0;padding:22px;display:grid;overflow:hidden auto}.overlay .modal form.form-grid>*{min-width:0}.overlay .modal form.form-grid input,.overlay .modal form.form-grid select,.overlay .modal form.form-grid textarea{box-sizing:border-box;width:100%;max-width:100%}.overlay .modal form.form-grid>.full{grid-column:1/-1}.overlay .modal .modal-actions{box-sizing:border-box;background:#fff;border-top:1px solid #e5e7eb;flex:none;justify-content:flex-end;align-items:center;gap:10px;min-height:70px;padding:14px 22px;display:flex}.overlay .modal form.form-grid{scrollbar-width:thin;scrollbar-color:#94a3b8 transparent}.overlay .modal form.form-grid::-webkit-scrollbar{width:9px}.overlay .modal form.form-grid::-webkit-scrollbar-track{background:0 0}.overlay .modal form.form-grid::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.overlay .modal form.form-grid::-webkit-scrollbar-thumb:hover{background:#64748b}@media (width<=700px){.login-page{padding:16px}.login-card{padding:24px}.overlay{align-items:flex-start;padding:10px}.overlay .modal{border-radius:12px;width:100%;height:calc(100vh - 20px);max-height:calc(100vh - 20px)}.overlay .modal form.form-grid{grid-template-columns:1fr;padding:18px}.overlay .modal form.form-grid>.full{grid-column:auto}.overlay .modal .modal-actions{padding:12px 18px}.overlay .modal .modal-actions button{flex:1}}.dark .login-page{background:#0f172a}.dark .login-card{color:#f8fafc;background:#172033;border-color:#334155}.dark .login-card p,.dark .login-card small{color:#94a3b8}.dark .login-card label{color:#e2e8f0}.dark .login-card input{color:#f8fafc;background:#202a3d;border-color:#334155}.overlay{z-index:9999!important;box-sizing:border-box!important;background:#0f172a8c!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.overlay .modal{background:#fff!important;border-radius:14px!important;flex-direction:column!important;width:min(900px,100vw - 40px)!important;max-width:900px!important;height:min(820px,100vh - 40px)!important;max-height:calc(100vh - 40px)!important;margin:auto!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 60px #00000040!important}.overlay .modal>.panel-head{z-index:2!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;flex:none!important;justify-content:space-between!important;align-items:center!important;min-height:64px!important;padding:16px 22px!important;display:flex!important}.overlay .modal>form.form-grid{box-sizing:border-box!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;flex:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start!important;gap:16px!important;min-height:0!important;margin:0!important;padding:22px!important;display:grid!important;overflow:hidden auto!important}.overlay .modal .form-grid>div{min-width:0!important}.overlay .modal .form-grid input,.overlay .modal .form-grid select,.overlay .modal .form-grid textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.overlay .modal .form-grid>.full{grid-column:1/-1!important}.overlay .modal .form-grid textarea{resize:vertical!important;min-height:100px!important}.overlay .modal>.modal-actions{z-index:2!important;background:#fff!important;border-top:1px solid #e5e7eb!important;flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:14px 22px!important;display:flex!important}.overlay .modal>.modal-actions button{min-width:100px!important}.overlay .modal>form.form-grid::-webkit-scrollbar{width:10px!important}.overlay .modal>form.form-grid::-webkit-scrollbar-track{background:#f1f5f9!important}.overlay .modal>form.form-grid::-webkit-scrollbar-thumb{background:#94a3b8!important;border-radius:10px!important}.overlay .modal>form.form-grid::-webkit-scrollbar-thumb:hover{background:#64748b!important}.overlay .modal>form.form-grid{scrollbar-width:auto!important;scrollbar-color:#94a3b8 #f1f5f9!important}.dark .overlay .modal{color:#f8fafc!important;background:#172033!important}.dark .overlay .modal>.panel-head{background:#172033!important;border-color:#334155!important}.dark .overlay .modal>form.form-grid{background:#172033!important}.dark .overlay .modal>.modal-actions{background:#172033!important;border-color:#334155!important}.dark .overlay .modal>form.form-grid::-webkit-scrollbar-track{background:#202a3d!important}.dark .overlay .modal>form.form-grid::-webkit-scrollbar-thumb{background:#64748b!important}@media (width<=700px){.overlay{align-items:stretch!important;padding:10px!important}.overlay .modal{border-radius:12px!important;width:100%!important;max-width:none!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important;margin:0!important}.overlay .modal>form.form-grid{grid-template-columns:1fr!important;padding:18px!important}.overlay .modal .form-grid>.full{grid-column:1!important}.overlay .modal>.modal-actions{padding:12px 18px!important}.overlay .modal>.modal-actions button{flex:1!important}}.overlay{z-index:99999!important;box-sizing:border-box!important;background:#0f172a99!important;padding:30px!important;display:block!important;position:fixed!important;inset:0!important;overflow:hidden auto!important}.overlay>.modal{background:#fff!important;border-radius:14px!important;width:900px!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 auto!important;position:relative!important;overflow:visible!important;box-shadow:0 25px 60px #0000004d!important}.overlay>.modal>.panel-head{z-index:20!important;box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;justify-content:space-between!important;align-items:center!important;min-height:64px!important;padding:16px 22px!important;display:flex!important;position:sticky!important;top:0!important}.overlay>.modal>form.form-grid{box-sizing:border-box!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:22px!important;display:grid!important;overflow:visible!important}.overlay>.modal>form.form-grid>div{min-width:0!important}.overlay>.modal>form.form-grid>.full{grid-column:1/-1!important}.overlay>.modal input,.overlay>.modal select,.overlay>.modal textarea{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.overlay>.modal textarea{min-height:110px!important}.overlay>.modal>.modal-actions{z-index:20!important;box-sizing:border-box!important;background:#fff!important;border-top:1px solid #e5e7eb!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:14px 22px!important;display:flex!important;position:sticky!important;bottom:0!important;box-shadow:0 -4px 12px #0000000f!important}.overlay>.modal>.modal-actions button{min-width:100px!important}.dark .overlay>.modal{color:#f8fafc!important;background:#172033!important}.dark .overlay>.modal>.panel-head,.dark .overlay>.modal>.modal-actions{background:#172033!important;border-color:#334155!important}@media (width<=700px){.overlay{padding:10px!important}.overlay>.modal{border-radius:12px!important;width:100%!important;max-width:100%!important;margin:0 auto!important}.overlay>.modal>form.form-grid{grid-template-columns:1fr!important;padding:18px!important}.overlay>.modal>form.form-grid>.full{grid-column:1!important}.overlay>.modal>.modal-actions{padding:12px 18px!important}}.modal-backdrop{box-sizing:border-box!important;z-index:99999!important;background:#0f172a8c!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.modal-backdrop>.modal{box-sizing:border-box!important;background:#fff!important;border-radius:14px!important;flex-direction:column!important;width:min(900px,100%)!important;max-width:900px!important;height:min(90vh,800px)!important;max-height:90vh!important;margin:0!important;padding:0!important;display:flex!important;overflow:hidden!important}.modal-backdrop .modal-header{z-index:2!important;background:#fff!important;flex:none!important;position:relative!important}.modal-backdrop .modal>form{flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.modal-backdrop .modal-body{box-sizing:border-box!important;-webkit-overflow-scrolling:touch!important;flex:auto!important;min-height:0!important;padding:24px!important;overflow:hidden auto!important}.modal-backdrop .modal-footer{z-index:3!important;background:#fff!important;border-top:1px solid #e5e7eb!important;flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:16px 24px!important;display:flex!important;position:relative!important}.modal-backdrop .modal-body::-webkit-scrollbar{width:10px!important}.modal-backdrop .modal-body::-webkit-scrollbar-track{background:#f1f5f9!important}.modal-backdrop .modal-body::-webkit-scrollbar-thumb{background:#94a3b8!important;border-radius:8px!important}.modal-backdrop .modal-body::-webkit-scrollbar-thumb:hover{background:#64748b!important}.modal-backdrop .modal-body{scrollbar-width:auto!important;scrollbar-color:#94a3b8 #f1f5f9!important}.modal-backdrop .modal-body .form-section{min-width:0!important}@media (width<=700px){.modal-backdrop{align-items:center!important;padding:10px!important}.modal-backdrop>.modal{border-radius:10px!important;width:100%!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important}.modal-backdrop .modal-body{padding:18px!important}.modal-backdrop .modal-footer{padding:12px 18px!important}}.main{background:#f5f7fb;min-width:0}.main>header{z-index:50;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.main>header>div:first-child{flex-direction:column;gap:3px;display:flex}.main>header>div:first-child b{color:#172033;font-size:15px;display:block}.main>header>div:first-child small{color:#6b7280;font-size:11px;display:block}.main>header .top{align-items:center;gap:12px;display:flex}.main>header .top>button:first-child{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;width:38px;height:38px;font-size:16px}.main>header .top>button:first-child:hover{background:#f3f4f6}.main>header .avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.main>header .user-name{color:#172033;font-size:12px;font-weight:600}.main>header .logout{color:#6b7280;cursor:pointer;background:0 0;border-radius:7px;margin-left:5px;padding:8px 12px;font-size:12px}.main>header .logout:hover{color:#dc2626;background:#fef2f2}.content{width:100%;max-width:1600px;padding:30px}.dashboard-page,.dashboard-page .page-heading,.dashboard-page .dashboard-card{width:100%}.dashboard-page .table-wrap{width:100%;overflow-x:auto}.dashboard-page table{border-collapse:collapse;width:100%}.dashboard-page table th{text-align:left;color:#6b7280;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:11px 12px;font-size:11px;font-weight:700}.dashboard-page table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f0f1f3;padding:11px 12px;font-size:12px}.dashboard-page table tbody tr:hover{background:#f9fafb}.dashboard-page table td strong{color:#172033;font-weight:700}html.dark body,html.dark .app,html.dark .main{color:#e5e7eb;background:#111827}html.dark .main>header{background:#111827;border-bottom-color:#1f2937}html.dark .main>header>div:first-child b,html.dark .main>header .user-name{color:#f3f4f6}html.dark .main>header>div:first-child small{color:#9ca3af}html.dark .main>header .top>button:first-child{color:#e5e7eb;background:#1f2937;border-color:#374151}html.dark .main>header .top>button:first-child:hover{background:#374151}html.dark .main>header .logout{color:#9ca3af}html.dark .main>header .logout:hover{color:#fca5a5;background:#3f1d1d}html.dark .dashboard-page .page-heading h1{color:#f3f4f6}html.dark .dashboard-page .page-heading p{color:#9ca3af}html.dark .dashboard-page .dashboard-card{background:#111827;border-color:#374151}html.dark .dashboard-page .card-heading h2{color:#f3f4f6}html.dark .dashboard-page .card-heading p{color:#9ca3af}html.dark .dashboard-page table th{color:#9ca3af;border-bottom-color:#374151}html.dark .dashboard-page table td{color:#d1d5db;border-bottom-color:#1f2937}html.dark .dashboard-page table tbody tr:hover{background:#1f2937}html.dark .dashboard-page table td strong{color:#f3f4f6}html.dark .btn-secondary{color:#e5e7eb;background:#1f2937;border-color:#374151}html.dark .btn-secondary:hover{background:#374151}@media (width<=900px){.sidebar{width:220px;min-width:220px}.main{width:calc(100% - 220px);margin-left:220px}.content{padding:20px}.main>header{padding:0 20px}}@media (width<=700px){.sidebar{width:190px;min-width:190px}.main{width:calc(100% - 190px);margin-left:190px}.main>header{padding:0 15px}.main>header>div:first-child b{font-size:13px}.main>header .user-name{display:none}.content{padding:15px}}.data-page{width:100%}.data-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.data-toolbar-left{align-items:center;gap:12px;display:flex}.data-toolbar-right{align-items:center;gap:10px;display:flex}.record-count{color:#9ca3af;font-size:12px}.data-search,.table-search,input[placeholder="Search..."]{color:#172033;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;min-width:260px;height:38px;padding:0 13px;font-size:12px;transition:all .15s}.data-search::placeholder,.table-search::placeholder,input[placeholder="Search..."]::placeholder{color:#6b7280}.data-search:focus,.table-search:focus,input[placeholder="Search..."]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.btn-primary,button:not(.logout):not(.theme-button){font-family:inherit}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:38px;padding:0 16px;font-size:12px;font-weight:600;transition:all .15s}.table-card{background:#111827;border:1px solid #374151;border-radius:12px;width:100%;overflow:hidden}.table-card-header{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.table-card-header h2{color:#f9fafb;margin:0;font-size:15px;font-weight:600}.table-card-header p{color:#6b7280;margin:4px 0 0;font-size:11px}.table-wrapper,.table-wrap{width:100%;overflow:auto hidden}.table-wrapper table,.table-wrap table{border-collapse:collapse;color:#d1d5db;width:100%;min-width:1000px;font-size:12px}.table-wrapper thead,.table-wrap thead{background:#182235}.table-wrapper th,.table-wrap th{color:#9ca3af;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-bottom:1px solid #374151;padding:13px 14px;font-size:10px;font-weight:700}.table-wrapper td,.table-wrap td{color:#d1d5db;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #263244;padding:13px 14px}.table-wrapper tbody tr,.table-wrap tbody tr{transition:background .12s}.table-wrapper tbody tr:hover,.table-wrap tbody tr:hover{background:#182235}.table-wrapper tbody tr:last-child td,.table-wrap tbody tr:last-child td{border-bottom:0}.action-buttons{align-items:center;gap:6px;display:flex}.btn-edit,.btn-delete{cursor:pointer;border-radius:6px;height:30px;padding:0 10px;font-size:11px;font-weight:500;transition:all .15s}.btn-edit{color:#d1d5db;background:#1f2937;border:1px solid #374151}.btn-edit:hover{color:#fff;background:#374151}.btn-delete{color:#fca5a5;background:#7f1d1d26;border:1px solid #7f1d1d}.btn-delete:hover{color:#fff;background:#7f1d1d}.status-active{color:#86efac;align-items:center;gap:6px;font-size:11px;display:inline-flex}.status-inactive{color:#9ca3af;align-items:center;gap:6px;font-size:11px;display:inline-flex}.status-inactive:before{content:"";background:#6b7280;border-radius:50%;width:6px;height:6px}.modal-header h2,.modal-header h3{color:#f9fafb;margin:0;font-size:16px;font-weight:600}.checkbox-group{color:#d1d5db;background:#182235;border:1px solid #374151;border-radius:8px;justify-content:space-between;align-items:center;height:40px;padding:0 12px;font-size:12px;display:flex}.checkbox-group input[type=checkbox]{accent-color:#2563eb;width:16px;height:16px}.btn-save{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:38px;padding:0 20px;font-size:12px;font-weight:600}.btn-save:hover{background:#1d4ed8}.btn-cancel{color:#d1d5db;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;height:38px;padding:0 18px;font-size:12px}.btn-cancel:hover{color:#fff;background:#374151}@media (width<=900px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.data-toolbar{flex-direction:column;align-items:flex-start}.data-toolbar-left{width:100%}.data-search,.table-search,input[placeholder="Search..."]{width:100%;min-width:0}.modal-overlay{padding:15px}.modal{max-height:calc(100vh - 30px)}}.page{width:100%;max-width:1500px}.page-header h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:750;line-height:1.2}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;min-height:40px;padding:0 17px;font-size:13px;font-weight:600;transition:all .15s;box-shadow:0 3px 10px #2563eb2e}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.alert{color:#cbd5e1;background:#172033;border:1px solid #334155;border-radius:8px;margin-bottom:18px;padding:11px 14px;font-size:12px}.page>.card{background:#111827;border:1px solid #263244;border-radius:12px;overflow:hidden}.toolbar{border-bottom:1px solid #263244;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:14px 18px;display:flex}.search-box{background:#0f172a;border:1px solid #334155;border-radius:8px;align-items:center;gap:9px;width:min(420px,100%);height:38px;padding:0 12px;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:#2563eb}.search-box span{color:#64748b;font-size:18px;line-height:1}.search-box input{color:#e5e7eb;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:12px}.search-box input::placeholder{color:#64748b}.record-count{color:#94a3b8;white-space:nowrap;background:#1e293b;border-radius:6px;align-items:center;min-height:30px;padding:0 10px;font-size:11px;display:inline-flex}.table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:1050px}.data-table thead{background:#0f172a}.data-table th{color:#94a3b8;text-transform:uppercase;letter-spacing:.055em;text-align:left;white-space:nowrap;border-bottom:1px solid #334155;height:48px;padding:0 15px;font-size:10px;font-weight:700}.data-table td{color:#cbd5e1;vertical-align:middle;border-bottom:1px solid #1f2937;padding:14px 15px;font-size:12px}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:#172033}.data-table tbody tr:last-child td{border-bottom:0}.data-table .code{color:#93c5fd;white-space:nowrap;background:#172554;border:1px solid #1e40af;border-radius:5px;align-items:center;padding:5px 8px;font-size:11px;font-weight:650;display:inline-flex}.customer-name{color:#f1f5f9;font-size:12px;font-weight:600;line-height:1.35}.data-table td small{color:#64748b;margin-top:4px;font-size:10px;display:block}.data-table td:nth-child(5),.data-table td:nth-child(6){white-space:nowrap}.data-table td:nth-child(6){color:#e2e8f0;font-weight:550}.data-table td:nth-child(7){white-space:nowrap}.status-active{color:#86efac;background:#052e1b;border:1px solid #166534;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:650;display:inline-flex}.status-active:before{content:"";background:#22c55e;border-radius:50%;width:6px;height:6px}.action-column{width:125px;text-align:right!important}.data-table td:last-child{white-space:nowrap;text-align:right}.data-table td:last-child button{cursor:pointer;border-radius:6px;min-height:30px;margin-left:5px;padding:0 9px;font-size:11px;transition:all .12s}.data-table td:last-child button:first-child{color:#cbd5e1;background:#1e293b;border:1px solid #334155}.data-table td:last-child button:first-child:hover{color:#fff;background:#334155}.data-table td:last-child button:last-child{color:#f87171;background:0 0;border:1px solid #3f1d1d}.data-table td:last-child button:last-child:hover{color:#fca5a5;background:#3f1d1d}.empty-state{height:180px;text-align:center!important;color:#64748b!important}.empty-icon{color:#64748b;background:#1e293b;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 10px;font-size:17px;display:flex}.empty-state strong{color:#cbd5e1;font-size:13px;display:block}.empty-state span{color:#64748b;margin-top:5px;font-size:11px;display:block}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617c7;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal{background:#111827;border:1px solid #334155;border-radius:12px;flex-direction:column;width:min(860px,100%);max-height:calc(100vh - 60px);display:flex;overflow:hidden;box-shadow:0 25px 60px #00000073,0 8px 25px #00000040}.modal-header{background:#111827;border-bottom:1px solid #263244;justify-content:space-between;align-items:center;min-height:62px;padding:0 20px;display:flex}.modal-header h2{color:#f8fafc;margin:0;font-size:15px;font-weight:700}.modal-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;width:32px;height:32px;font-size:20px}.modal-close:hover{color:#e2e8f0;background:#1e293b}.modal-body{padding:20px;overflow-y:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#cbd5e1;font-size:11px;font-weight:550}.form-group input,.form-group select,.form-group textarea{color:#e5e7eb;background:#172033;border:1px solid #334155;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:12px;transition:border-color .15s}.form-group input,.form-group select{height:40px}.form-group textarea{resize:vertical;min-height:90px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-error{color:#f87171;font-size:10px}.modal-footer{background:#0f172a;border-top:1px solid #263244;justify-content:flex-end;align-items:center;gap:9px;min-height:68px;padding:0 20px;display:flex}.btn-secondary{color:#cbd5e1;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:7px;min-height:38px;padding:0 15px;font-size:12px}.btn-secondary:hover{color:#fff;background:#334155}.modal-footer .btn-primary{min-width:90px;min-height:38px}.checkbox-field{color:#cbd5e1;background:#172033;border:1px solid #334155;border-radius:7px;justify-content:space-between;align-items:center;min-height:40px;padding:0 11px;font-size:11px;display:flex}.checkbox-field input{accent-color:#2563eb;width:16px;height:16px}@media (width<=900px){.page-header{align-items:flex-start}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.record-count{align-self:flex-start}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}}@media (width<=600px){.content{padding:20px 15px}.page-header{flex-direction:column}.btn-primary{width:100%}.modal-overlay{padding:10px}.modal{max-height:calc(100vh - 20px)}.modal-body{padding:15px}}html:not(.dark){--page-bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--border:#e5e7eb;--border-strong:#d1d5db;--text:#172033;--text-secondary:#4b5563;--text-muted:#6b7280}html:not(.dark) body,html:not(.dark) .app,html:not(.dark) .main{background:var(--page-bg);color:var(--text)}html:not(.dark) .topbar,html:not(.dark) .main>header{color:var(--text);border-bottom:1px solid var(--border);background:#fff}html:not(.dark) .topbar-title strong,html:not(.dark) .main>header>div:first-child b{color:var(--text)}html:not(.dark) .topbar-title span,html:not(.dark) .main>header>div:first-child small{color:var(--text-muted)}html:not(.dark) .page,html:not(.dark) .data-page,html:not(.dark) .page-header h1,html:not(.dark) .page-heading h1{color:var(--text)}html:not(.dark) .page-header p,html:not(.dark) .page-heading p{color:var(--text-muted)}html:not(.dark) .card,html:not(.dark) .dashboard-card{border:1px solid var(--border);color:var(--text);background:#fff;box-shadow:0 1px 3px #0f172a0a}html:not(.dark) .toolbar,html:not(.dark) .data-toolbar{color:var(--text);background:0 0}html:not(.dark) .search-box{border:1px solid var(--border-strong);color:var(--text);background:#fff}html:not(.dark) .search-box input,html:not(.dark) .data-search,html:not(.dark) .table-search,html:not(.dark) input[placeholder="Search..."]{color:var(--text);border-color:var(--border-strong);background:#fff}html:not(.dark) .search-box input::placeholder,html:not(.dark) .data-search::placeholder,html:not(.dark) .table-search::placeholder,html:not(.dark) input[placeholder="Search..."]::placeholder{color:#9ca3af}html:not(.dark) .table-wrapper{border:1px solid var(--border);background:#fff;border-radius:10px;overflow-x:auto}html:not(.dark) .data-table{border-collapse:collapse;width:100%;color:var(--text);background:#fff}html:not(.dark) .data-table th{color:#475569;border-bottom:1px solid var(--border);background:#f8fafc;font-weight:700}html:not(.dark) .data-table td{color:#374151;background:#fff;border-bottom:1px solid #eef0f3}html:not(.dark) .data-table tbody tr:hover td{background:#f8fafc}html:not(.dark) .data-table td strong,html:not(.dark) .customer-name,html:not(.dark) .data-table .code{color:#172033}html:not(.dark) .data-table td small{color:#6b7280}html:not(.dark) .status-active,html:not(.dark) .badge-active{color:#047857;background:#ecfdf5}html:not(.dark) .status-inactive,html:not(.dark) .badge-inactive{color:#6b7280;background:#f3f4f6}html:not(.dark) .btn-secondary{color:#374151;border:1px solid var(--border-strong);background:#fff}html:not(.dark) .btn-secondary:hover{background:#f9fafb}html:not(.dark) .btn-primary{color:#fff;background:#2563eb}html:not(.dark) .data-table button:not(.btn-primary){color:#374151;background:#fff;border:1px solid #d1d5db}html:not(.dark) .data-table button:not(.btn-primary):hover{background:#f3f4f6}html:not(.dark) .empty-state{color:#6b7280;background:#fff}html:not(.dark) .form-group label{color:#374151}html:not(.dark) .form-group input,html:not(.dark) .form-group textarea,html:not(.dark) .form-group select{color:#172033;background:#fff;border-color:#d1d5db}html:not(.dark) .form-group input::placeholder,html:not(.dark) .form-group textarea::placeholder{color:#9ca3af}html:not(.dark) .form-group input:focus,html:not(.dark) .form-group textarea:focus,html:not(.dark) .form-group select:focus{background:#fff;border-color:#2563eb}html:not(.dark) .modal,html:not(.dark) .overlay .modal,html:not(.dark) .overlay .panel-head{color:#172033;background:#fff;border-color:#e5e7eb}html:not(.dark) .overlay .panel-head button{color:#6b7280}html:not(.dark) .overlay .panel-head button:hover{color:#172033;background:#f3f4f6}html:not(.dark) .overlay .modal-actions{background:#fff;border-color:#e5e7eb}html:not(.dark) .overlay .modal-actions button.secondary{color:#374151;background:#f3f4f6}html:not(.dark) .overlay .modal-actions button.secondary:hover{background:#e5e7eb}html:not(.dark) .sidebar{color:#475569;background:#fff;border-right:1px solid #e5e7eb}html:not(.dark) .brand{border-bottom-color:#e5e7eb}html:not(.dark) .brand strong{color:#172033}html:not(.dark) .brand small{color:#6b7280}html:not(.dark) .sidebar nav a{color:#475569}html:not(.dark) .sidebar nav a:hover{color:#172033;background:#f1f5f9}html:not(.dark) .sidebar nav a.active{color:#fff;background:#2563eb}html:not(.dark) .section{color:#94a3b8}html.dark .data-search,html.dark .table-search,html.dark input[placeholder="Search..."]{color:#e5e7eb;background:#111827;border-color:#374151}html.dark .data-search::placeholder,html.dark .table-search::placeholder,html.dark input[placeholder="Search..."]::placeholder{color:#6b7280}html:not(.dark) body,html:not(.dark) .app,html:not(.dark) .main{color:#172033;background:#f5f7fb}html:not(.dark) .content{background:#f5f7fb}html:not(.dark) .page,html:not(.dark) .page h1,html:not(.dark) .page h2,html:not(.dark) .page h3{color:#172033}html:not(.dark) .page p{color:#667085}html:not(.dark) .main>header{background:#fff;border-bottom:1px solid #e5e7eb}html:not(.dark) .main>header>div:first-child b,html:not(.dark) .main>header .user-name{color:#172033}html:not(.dark) .main>header>div:first-child small,html:not(.dark) .main>header .logout{color:#667085}html:not(.dark) .main>header .logout:hover{color:#172033;background:#f3f4f6}html:not(.dark) .sidebar{background:#fff;border-right:1px solid #e5e7eb}html:not(.dark) .sidebar,html:not(.dark) .sidebar a{color:#475467}html:not(.dark) .sidebar a:hover{color:#172033;background:#f2f4f7}html:not(.dark) .record-count{color:#667085}html:not(.dark) .data-search,html:not(.dark) .table-search,html:not(.dark) input[placeholder="Search..."]{color:#172033;background:#fff;border:1px solid #d0d5dd}html:not(.dark) .data-search::placeholder,html:not(.dark) .table-search::placeholder,html:not(.dark) input[placeholder="Search..."]::placeholder{color:#98a2b3}html:not(.dark) .data-search:focus,html:not(.dark) .table-search:focus,html:not(.dark) input[placeholder="Search..."]:focus{color:#172033;background:#fff;border-color:#2563eb}html:not(.dark) .btn-primary{color:#fff!important;background:#2563eb!important;border:0!important}html:not(.dark) .btn-primary:hover{background:#1d4ed8!important}html:not(.dark) .table-card{background:#fff;border:1px solid #e4e7ec}html:not(.dark) .table-wrapper table,html:not(.dark) .table-wrap table{color:#344054;background:#fff}html:not(.dark) .table-wrapper thead,html:not(.dark) .table-wrap thead{background:#f8fafc}html:not(.dark) .table-wrapper th,html:not(.dark) .table-wrap th{color:#667085;background:#f8fafc;border-bottom:1px solid #e4e7ec}html:not(.dark) .table-wrapper td,html:not(.dark) .table-wrap td{color:#344054;background:#fff;border-bottom:1px solid #eaecf0}html:not(.dark) .table-wrapper tbody tr:hover,html:not(.dark) .table-wrap tbody tr:hover,html:not(.dark) .table-wrapper tbody tr:hover td,html:not(.dark) .table-wrap tbody tr:hover td{background:#f8fafc}html:not(.dark) .table-wrapper td strong,html:not(.dark) .table-wrap td strong{color:#172033}html:not(.dark) .table-wrapper td small,html:not(.dark) .table-wrap td small{color:#667085}html:not(.dark) .customer-name{color:#172033}html:not(.dark) .code{color:#2563eb}html:not(.dark) .btn-edit{color:#344054;background:#fff;border:1px solid #d0d5dd}html:not(.dark) .btn-edit:hover{color:#172033;background:#f2f4f7}html:not(.dark) .btn-delete{color:#b42318;background:#fff5f5;border:1px solid #fecdca}html:not(.dark) .btn-delete:hover{color:#912018;background:#fee4e2}html:not(.dark) .card{color:#344054;background:#fff;border-color:#e4e7ec}html:not(.dark) .card h2,html:not(.dark) .card h3{color:#172033}html:not(.dark) .card p{color:#667085}html:not(.dark) .overlay .modal{color:#172033;background:#fff;border:1px solid #e4e7ec}html:not(.dark) .overlay .panel-head{background:#fff;border-bottom:1px solid #e4e7ec}html:not(.dark) .overlay .panel-head h2,html:not(.dark) .overlay .panel-head h3{color:#172033}html:not(.dark) .overlay .form-grid input,html:not(.dark) .overlay .form-grid select,html:not(.dark) .overlay .form-grid textarea,html:not(.dark) .overlay .form-grid .check{color:#172033;background:#fff;border-color:#d0d5dd}html:not(.dark) .overlay .form-grid input::placeholder,html:not(.dark) .overlay .form-grid textarea::placeholder{color:#98a2b3}html:not(.dark) .overlay .modal-actions{background:#fff;border-top:1px solid #e4e7ec}html:not(.dark) .overlay .modal-actions button.secondary,html:not(.dark) button:not(.btn-primary):not(.btn-edit):not(.btn-delete):not(.logout):not(.theme-button){color:#344054;background:#fff;border:1px solid #d0d5dd}html:not(.dark) button:not(.btn-primary):not(.btn-edit):not(.btn-delete):not(.logout):not(.theme-button):hover{background:#f2f4f7}html:not(.dark) .table-wrapper::-webkit-scrollbar{height:9px}html:not(.dark) .table-wrap::-webkit-scrollbar{height:9px}html:not(.dark) .table-wrapper::-webkit-scrollbar-track{background:#f2f4f7}html:not(.dark) .table-wrap::-webkit-scrollbar-track{background:#f2f4f7}html:not(.dark) .table-wrapper::-webkit-scrollbar-thumb{background:#98a2b3;border-radius:10px}html:not(.dark) .table-wrap::-webkit-scrollbar-thumb{background:#98a2b3;border-radius:10px}.sidebar .brand{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:130px;padding:16px 16px 14px;display:flex}.sidebar .brand-logo{object-fit:contain;background:0 0;border-radius:0;width:60px;height:60px;margin:0 auto 8px;display:block}.sidebar .brand-info{flex-direction:column;align-items:center;gap:2px;display:flex}.sidebar .brand-info b{color:#172033;font-size:14px;font-weight:700;line-height:1.2}.sidebar .brand-info small{color:#6b7280;font-size:10px;line-height:1.2}html.dark .sidebar .brand-info b{color:#f3f4f6}html.dark .sidebar .brand-info small{color:#9ca3af}.page-header>div:first-child{flex:1}.page-header .btn-primary{flex-shrink:0;margin-left:auto}.page .page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:20px!important;width:100%!important;display:flex!important}.page .page-header>div:first-child{flex:auto!important;min-width:0!important}.page .page-header>.btn-primary{white-space:nowrap!important;flex:none!important;width:auto!important;margin-left:auto!important}.page-header{justify-content:space-between!important;align-items:center!important;gap:20px!important;width:100%!important;display:flex!important}.page-header-title{flex:auto!important;min-width:0!important}.page-header-actions{flex:none!important;justify-content:flex-end!important;align-items:center!important;margin-left:auto!important;display:flex!important}.page-header-actions .btn-primary{white-space:nowrap!important;width:auto!important;min-width:120px!important}.page-head{justify-content:space-between!important;align-items:center!important;gap:20px!important;width:100%!important;margin-bottom:20px!important;display:flex!important}.page-head>div:first-child{flex:auto!important;min-width:0!important}.page-head>button{white-space:nowrap!important;flex:none!important;margin-left:auto!important}.mobile-menu-btn,.mobile-sidebar-close{display:none}.mobile-header-left{align-items:center;gap:12px;display:flex}@media (width<=700px){.main{width:100%!important;min-width:0!important;margin-left:0!important}.sidebar{z-index:2000!important;width:270px!important;min-width:270px!important;height:100vh!important;box-shadow:none!important;transition:transform .25s,box-shadow .25s!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow-y:auto!important;transform:translate(-105%)!important}.sidebar.mobile-open{transform:translate(0)!important;box-shadow:8px 0 30px #0000002e!important}.sidebar-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:none;z-index:1500!important;background:#00000073!important;position:fixed!important;inset:0!important}.sidebar-overlay.active{display:block!important}.mobile-menu-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:21px;display:flex!important}.mobile-menu-btn:hover{background:#f3f4f6}.mobile-sidebar-close{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:auto;padding:0;font-size:28px;line-height:1;display:flex!important}.mobile-sidebar-close:hover{color:#111827;background:#f3f4f6}.main>header{gap:10px;min-height:70px;width:100%!important;padding:0 14px!important}.mobile-header-left{flex:1;min-width:0}.mobile-header-left>div{min-width:0}.main>header>div:first-child b{white-space:nowrap;font-size:14px!important}.main>header>div:first-child small{font-size:11px!important}.main>header .top{flex-shrink:0;align-items:center;gap:7px;display:flex}.main>header .top>button:first-child{width:38px;height:38px;padding:0}.main>header .avatar{width:36px;min-width:36px;height:36px}.main>header .user-name{display:none!important}.main>header .logout{display:none}.content{overflow-x:hidden;width:100%!important;max-width:100%!important;margin-left:0!important;padding:16px!important}.page-head{flex-wrap:wrap;gap:12px}.page-head h1,.page-head h2{font-size:24px}.panel{width:100%;max-width:100%;overflow:hidden}.table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-wrap table{min-width:700px}.form-grid{grid-template-columns:1fr!important}.form-grid .full{grid-column:1/-1}.overlay{padding:12px!important}.modal{max-height:calc(100vh - 24px);overflow-y:auto;width:100%!important;max-width:100%!important}.dashboard-page{width:100%;max-width:100%}.dashboard-page .cards,.dashboard-page .stats,.dashboard-page .dashboard-grid{grid-template-columns:1fr!important}}@media (width<=400px){.main>header{padding-left:10px!important;padding-right:10px!important}.content{padding:12px!important}.mobile-menu-btn{width:36px;height:36px}.main>header .avatar{width:34px;min-width:34px;height:34px}.main>header .top>button:first-child{width:36px;height:36px}.main>header>div:first-child b{font-size:13px!important}}html.dark .mobile-menu-btn{color:#e5e7eb;background:#1f2937;border-color:#374151}html.dark .mobile-menu-btn:hover{background:#374151}html.dark .mobile-sidebar-close{color:#9ca3af}html.dark .mobile-sidebar-close:hover{color:#f3f4f6;background:#374151}.overlay{box-sizing:border-box;padding:20px;overflow-y:auto}.modal{flex-direction:column;max-height:calc(100vh - 40px);display:flex;overflow:hidden}.modal form{min-height:0;overflow-y:auto}.modal-actions{background:inherit;z-index:5;flex-shrink:0;position:relative}@media (width<=700px){.overlay{align-items:flex-start;padding:10px}.modal{border-radius:12px;width:100%;max-width:100%;max-height:calc(100vh - 20px);margin:0}.modal .panel-head{flex-shrink:0}.modal form{-webkit-overflow-scrolling:touch;padding:15px;overflow-y:auto}.modal-actions{border-top:1px solid #e5e7eb;gap:10px;padding:12px 15px;display:flex}.modal-actions button{flex:1;min-height:44px}html.dark .modal-actions{border-top-color:#374151}}.overlay{box-sizing:border-box!important;z-index:9999!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:12px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.overlay .modal{box-sizing:border-box!important;flex-direction:column!important;width:min(700px,100%)!important;max-width:700px!important;height:auto!important;max-height:calc(100dvh - 24px)!important;display:flex!important;overflow:hidden!important}.overlay .modal .panel-head{flex:none!important}.overlay .modal form.form-grid{flex:auto!important;min-height:0!important;padding-bottom:20px!important;overflow:hidden auto!important}.overlay .modal .modal-actions{background:inherit!important;z-index:10!important;border-top:1px solid #e5e7eb!important;flex:none!important;gap:10px!important;padding:14px 0 4px!important;display:flex!important;position:relative!important}@media (width<=700px){.overlay{align-items:flex-end!important;padding:0!important}.overlay .modal{border-radius:16px 16px 0 0!important;width:100%!important;max-width:none!important;height:94dvh!important;max-height:94dvh!important;margin:0!important}.overlay .modal .panel-head{padding:14px 16px!important}.overlay .modal form.form-grid{-webkit-overflow-scrolling:touch!important;padding:16px 16px 24px!important;overflow-y:auto!important}.overlay .modal .modal-actions{padding:12px 16px!important;padding-bottom:max(12px, env(safe-area-inset-bottom))!important;background:inherit!important}.overlay .modal .modal-actions button{flex:1 1 0!important;min-height:46px!important}}.stock-page{width:100%;max-width:1400px;margin:0 auto}.stock-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.stock-page-header h1{margin:0;font-size:28px;line-height:1.2}.stock-page-header p{color:#6b7280;margin:7px 0 0}.stock-filter-card,.stock-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.stock-filter-card{margin-bottom:18px;padding:20px}.stock-filter{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:16px;display:grid}.stock-filter label{color:#4b5563;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.stock-filter input,.stock-filter select{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:44px;padding:0 13px;font-size:14px}.stock-filter input:focus,.stock-filter select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.stock-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.stock-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:15px;padding:20px;display:flex}.stock-summary-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:700;display:flex}.stock-summary-card span{color:#6b7280;margin-bottom:4px;font-size:13px;display:block}.stock-summary-card strong{color:#111827;font-size:25px;display:block}.stock-table-card{overflow:hidden}.stock-table-heading{border-bottom:1px solid #e5e7eb;padding:20px 22px}.stock-table-heading h2{margin:0;font-size:18px}.stock-table-heading p{color:#6b7280;margin:5px 0 0;font-size:13px}.stock-table-wrapper{width:100%;overflow-x:auto}.stock-table{border-collapse:collapse;width:100%;min-width:850px}.stock-table th{text-align:left;white-space:nowrap;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:700}.stock-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:15px 16px;font-size:13px}.stock-table tbody tr:last-child td{border-bottom:0}.stock-table tbody tr:hover{background:#fafafa}.stock-product strong,.stock-warehouse strong{color:#111827;font-size:14px;display:block}.stock-product small,.stock-warehouse small{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.stock-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.stock-status-success{color:#047857;background:#ecfdf5}.stock-status-warning{color:#b45309;background:#fffbeb}.stock-status-danger{color:#b91c1c;background:#fef2f2}.stock-empty{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:40px 20px;display:flex}.stock-empty-icon{color:#9ca3af;background:#f3f4f6;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;font-size:24px;display:flex}.stock-empty strong{color:#374151;font-size:15px}.stock-empty span{max-width:380px;margin-top:5px;font-size:13px}.stock-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:18px;padding:13px 15px;font-size:13px}.stock-mobile-list{display:none}html.dark .stock-filter-card,html.dark .stock-summary-card,html.dark .stock-table-card{background:#111827;border-color:#374151}html.dark .stock-page-header p,html.dark .stock-filter label,html.dark .stock-summary-card span,html.dark .stock-table-heading p{color:#9ca3af}html.dark .stock-filter input,html.dark .stock-filter select{color:#f3f4f6;background:#1f2937;border-color:#374151}html.dark .stock-summary-card strong,html.dark .stock-product strong,html.dark .stock-warehouse strong,html.dark .stock-table-heading h2{color:#f3f4f6}html.dark .stock-summary-icon{color:#60a5fa;background:#172554}html.dark .stock-table-heading,html.dark .stock-table th,html.dark .stock-table td{border-color:#374151}html.dark .stock-table th{color:#9ca3af;background:#1f2937}html.dark .stock-table td{color:#d1d5db}html.dark .stock-table tbody tr:hover{background:#1f2937}html.dark .stock-empty-icon{color:#9ca3af;background:#1f2937}html.dark .stock-empty strong{color:#e5e7eb}html.dark .stock-error{color:#fca5a5;background:#450a0a;border-color:#7f1d1d}@media (width<=700px){.stock-page-header{align-items:flex-start;margin-bottom:16px}.stock-page-header h1{font-size:24px}.stock-page-header p{font-size:13px}.stock-filter-card{padding:15px}.stock-filter{grid-template-columns:1fr;gap:13px}.stock-summary{grid-template-columns:1fr;gap:12px}.stock-summary-card{padding:16px}.stock-summary-card strong{font-size:22px}.stock-table-wrapper{display:none}.stock-mobile-list{flex-direction:column;gap:12px;padding:14px;display:flex}.stock-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px}.stock-mobile-top{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.stock-mobile-top strong{color:#111827;font-size:14px;display:block}.stock-mobile-top small{color:#9ca3af;margin-top:3px;font-size:11px;display:block}.stock-mobile-warehouse{flex-direction:column;gap:3px;padding:12px 0;display:flex}.stock-mobile-warehouse span,.stock-mobile-grid span{color:#9ca3af;font-size:11px}.stock-mobile-warehouse strong{color:#374151;font-size:13px}.stock-mobile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stock-mobile-grid>div{flex-direction:column;gap:3px;display:flex}.stock-mobile-grid strong{color:#374151;word-break:break-word;font-size:13px}.stock-mobile-grid .mobile-quantity{color:#111827;font-size:17px}html.dark .stock-mobile-card{background:#111827;border-color:#374151}html.dark .stock-mobile-top{border-color:#374151}html.dark .stock-mobile-top strong,html.dark .stock-mobile-warehouse strong,html.dark .stock-mobile-grid strong{color:#e5e7eb}}.inventory-page{width:100%;max-width:1400px;margin:0 auto}.inventory-page .page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.inventory-page .page-header h1{color:#111827;margin:0;font-size:28px;font-weight:700;line-height:1.2}.inventory-page .page-header p{color:#6b7280;margin:7px 0 0;font-size:14px}.inventory-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.inventory-summary .summary-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-height:90px;padding:20px}.inventory-summary .summary-card span{color:#6b7280;margin-bottom:8px;font-size:13px;display:block}.inventory-summary .summary-card strong{color:#111827;font-size:25px;line-height:1.2;display:block}.inventory-toolbar{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;grid-template-columns:220px minmax(0,1fr);gap:14px;margin-bottom:18px;padding:16px;display:grid}.inventory-toolbar select,.inventory-toolbar input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px;font-size:14px}.inventory-toolbar select:focus,.inventory-toolbar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.inventory-table-wrapper{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;overflow-x:auto}.inventory-table{border-collapse:collapse;width:100%;min-width:900px}.inventory-table th{color:#64748b;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 16px;font-size:12px;font-weight:600}.inventory-table td{color:#374151;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:15px 16px;font-size:14px}.inventory-table tbody tr:last-child td{border-bottom:none}.inventory-table tbody tr:hover{background:#f8fafc}.inventory-table td strong{color:#111827;font-weight:600;display:block}.inventory-table td small{color:#9ca3af;margin-top:3px;font-size:12px;display:block}.inventory-table .table-empty{text-align:center;color:#6b7280;vertical-align:middle;height:180px}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:14px}@media (width<=700px){.inventory-page{width:100%}.inventory-page .page-header{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:18px}.inventory-page .page-header h1{font-size:24px}.inventory-page .page-header p{font-size:13px}.inventory-page .page-header .btn-primary{width:100%;min-height:44px}.inventory-summary{grid-template-columns:1fr;gap:12px}.inventory-summary .summary-card{min-height:80px;padding:16px}.inventory-summary .summary-card strong{font-size:22px}.inventory-toolbar{grid-template-columns:1fr;gap:10px;padding:14px}.inventory-toolbar select,.inventory-toolbar input{height:44px}.inventory-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.inventory-table{min-width:900px}}.inventory-page .modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172aad;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.inventory-page .modal-card{background:#fff;border-radius:14px;width:min(760px,100%);max-width:760px;margin:0;overflow:hidden;box-shadow:0 25px 60px #0f172a47}.inventory-page .modal-card .modal-header{color:#fff;background:#0f172a;border:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.inventory-page .modal-card .modal-header h2{color:#fff;margin:0;font-size:18px;font-weight:700}.inventory-page .modal-card .modal-header p{color:#94a3b8;margin:4px 0 0;font-size:13px}.inventory-page .modal-card .modal-close{color:#475569;cursor:pointer;background:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;line-height:1;display:flex}.inventory-page .modal-card .modal-close:hover{background:#f1f5f9}.inventory-page .modal-card form{margin:0}.inventory-page .modal-card .form-grid{background:#fff;padding:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px 24px!important;display:grid!important}.inventory-page .modal-card .form-field{min-width:0;flex-direction:column!important;margin:0!important;display:flex!important}.inventory-page .modal-card .form-field label{color:#334155;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.inventory-page .modal-card .form-field input,.inventory-page .modal-card .form-field select,.inventory-page .modal-card .form-field textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;width:100%!important;max-width:100%!important}.inventory-page .modal-card .form-field input,.inventory-page .modal-card .form-field select{height:42px}.inventory-page .modal-card .form-field textarea{resize:vertical;min-height:100px}.inventory-page .modal-card .form-field input:focus,.inventory-page .modal-card .form-field select:focus,.inventory-page .modal-card .form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.inventory-page .modal-card .form-field small{color:#64748b;margin-top:6px;font-size:12px;line-height:1.4}.inventory-page .modal-card .form-field:last-child{grid-column:1/-1}.inventory-page .modal-card .modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.inventory-page .modal-card .modal-footer button{cursor:pointer;border-radius:8px;min-height:40px;padding:0 18px;font-size:13px;font-weight:600}.inventory-page .modal-card .modal-footer .btn-secondary{color:#334155;background:#fff;border:1px solid #cbd5e1}.inventory-page .modal-card .modal-footer .btn-secondary:hover{background:#f1f5f9}.inventory-page .modal-card .modal-footer .btn-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.inventory-page .modal-card .modal-footer .btn-primary:hover{background:#1d4ed8}.dark .inventory-page .modal-card,.dark .inventory-page .modal-card .form-grid{background:#1e293b}.dark .inventory-page .modal-card .form-field label{color:#e2e8f0}.dark .inventory-page .modal-card .form-field input,.dark .inventory-page .modal-card .form-field select,.dark .inventory-page .modal-card .form-field textarea{color:#f8fafc;background:#0f172a;border-color:#475569}.dark .inventory-page .modal-card .form-field small{color:#94a3b8}.dark .inventory-page .modal-card .modal-footer{background:#0f172a;border-top-color:#334155}.dark .inventory-page .modal-card .modal-footer .btn-secondary{color:#e2e8f0;background:#1e293b;border-color:#475569}@media (width<=700px){.inventory-page .modal-overlay{padding:12px}.inventory-page .modal-card{width:100%;max-height:calc(100vh - 24px);overflow-y:auto}.inventory-page .modal-card .form-grid{padding:20px;grid-template-columns:1fr!important;gap:16px!important}.inventory-page .modal-card .form-field:last-child{grid-column:auto}.inventory-page .modal-card .modal-footer{padding:14px 20px}}.login-logo{object-fit:contain;background:0 0;border-radius:0;width:90px;height:90px;margin:0 auto 16px;display:block}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header h1{color:#172033;margin:0;font-size:26px;font-weight:700}.page-header p{color:#667085;margin:6px 0 0;font-size:13px}.table-card{background:#fff;border:1px solid #e1e5eb;border-radius:14px;overflow:hidden}.table-card .table-wrapper{overflow-x:auto}.table-card table{border-collapse:collapse;width:100%;min-width:1050px}.table-card th{text-align:left;color:#667085;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e1e5eb;padding:14px 16px;font-size:11px;font-weight:700}.table-card td{color:#344054;border-bottom:1px solid #eef1f5;padding:15px 16px;font-size:13px}.table-card tbody tr:last-child td{border-bottom:none}.table-card tbody tr:hover{background:#fafcff}.role-badge{color:#2563eb;background:#eff6ff;border-radius:6px;align-items:center;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-active,.status-inactive{border-radius:6px;align-items:center;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.status-active{color:#027a48;background:#ecfdf3}.status-inactive{color:#667085;background:#f2f4f7}.table-actions{gap:6px;display:flex}.btn-secondary,.btn-danger{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:7px 11px;font-size:12px}.btn-secondary{color:#344054}.btn-secondary:hover{background:#f8fafc}.btn-danger{color:#b42318;border-color:#fecdca}.btn-danger:hover{background:#fef3f2}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.empty-state{text-align:center;color:#667085;padding:50px 20px;font-size:13px}.page>.error{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px}.modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-overlay .modal{background:#fff;border-radius:14px;width:min(680px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 20px 50px #0f172a40}.modal-overlay .modal-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-overlay .modal-header h2{color:#172033;margin:0;font-size:18px}.modal-overlay .modal-header p{color:#667085;margin:5px 0 0;font-size:12px}.modal-close{color:#475467;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:34px;height:34px;font-size:20px;line-height:1}.modal-close:hover{background:#f8fafc}.modal-overlay .form-grid{grid-template-columns:1fr 1fr;gap:18px;padding:24px;display:grid}.modal-overlay .form-grid>div{min-width:0}.modal-overlay .form-grid label{color:#344054;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.modal-overlay .form-grid input,.modal-overlay .form-grid select{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;width:100%;height:40px;padding:0 11px;font-size:13px}.modal-overlay .form-grid input:focus,.modal-overlay .form-grid select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.modal-overlay .modal-footer{border-top:1px solid #eaecf0;grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:4px;padding-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:0 2px 5px #2563eb2e}.btn-primary:hover{background:#1d4ed8}@media (width<=700px){.page-header{flex-direction:column}.modal-overlay .form-grid{grid-template-columns:1fr}.modal-overlay .modal-footer{grid-column:auto}}.quotation-page{width:100%}.quotation-toast{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:18px;padding:12px 16px;font-size:13px;font-weight:600}.alert-error{position:relative}.alert-error button{cursor:pointer;color:inherit;background:0 0;border:0;font-size:18px;position:absolute;top:7px;right:10px}.quotation-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.quotation-summary-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:16px 18px}.quotation-summary-card span{color:var(--muted,#6b7280);margin-bottom:7px;font-size:12px;display:block}.quotation-summary-card strong{font-size:23px}.quotation-list-card{overflow:hidden}.quotation-toolbar{border-bottom:1px solid var(--border,#e5e7eb);justify-content:space-between;align-items:center;gap:15px;padding:16px;display:flex}.quotation-search{width:min(500px,100%)}.quotation-table th,.quotation-table td{vertical-align:middle}.quotation-row{cursor:pointer;transition:background .12s}.quotation-row:hover{background:#f8fafc}.quotation-table td small{color:#6b7280;margin-top:3px;font-size:11px;display:block}.quotation-number{color:#2563eb}.proposal-cell{text-overflow:ellipsis;white-space:nowrap;max-width:260px;display:block;overflow:hidden}.text-right{text-align:right!important}.amount-cell{white-space:nowrap;font-weight:700}.table-action{color:#2563eb;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:600}.table-action:hover{text-decoration:underline}.table-message{color:#6b7280;text-align:center!important;padding:45px!important}.quotation-status{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-draft{color:#4b5563;background:#f3f4f6}.status-submitted{color:#1d4ed8;background:#dbeafe}.status-revised{color:#92400e;background:#fef3c7}.status-approved{color:#166534;background:#dcfce7}.status-order{color:#6d28d9;background:#ede9fe}.status-cancelled{color:#991b1b;background:#fee2e2}.status-expired{color:#64748b;background:#f1f5f9}.quotation-pagination{border-top:1px solid var(--border,#e5e7eb);color:#6b7280;justify-content:space-between;align-items:center;padding:15px 16px;font-size:12px;display:flex}.quotation-pagination>div{gap:8px;display:flex}.quotation-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020617b8;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.quotation-modal{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;flex-direction:column;width:min(1250px,100%);max-height:calc(100vh - 50px);display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059}.quotation-modal-header{border-bottom:1px solid var(--border,#e5e7eb);flex:none;justify-content:space-between;align-items:center;padding:19px 24px;display:flex}.quotation-modal-header h2{margin:0;font-size:19px}.quotation-modal-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.quotation-close{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:7px;width:34px;height:34px;font-size:25px}.quotation-close:hover{background:#f3f4f6}.quotation-form{overflow-y:auto}.quotation-form-section{border-bottom:1px solid var(--border,#e5e7eb);padding:22px 24px}.quotation-section-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.quotation-section-title h3{margin:0;font-size:14px}.quotation-section-title p{color:#6b7280;margin:4px 0 0;font-size:11px}.quotation-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.quotation-form-grid .full{grid-column:1/-1}.quotation-items-wrapper{width:100%;overflow-x:auto}.quotation-items-table{border-collapse:collapse;width:100%;min-width:1050px;font-size:12px}.quotation-items-table th{text-align:left;background:var(--table-head,#f9fafb);color:#6b7280;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:10px 8px;font-size:10px}.quotation-items-table td{border-top:1px solid var(--border,#e5e7eb);vertical-align:middle;padding:8px}.quotation-items-table input,.quotation-items-table select{border:1px solid var(--border-strong,#d1d5db);background:var(--input-bg,#fff);width:100%;min-width:0;color:inherit;border-radius:6px;outline:none;padding:8px;font-size:12px}.quotation-items-table input:focus,.quotation-items-table select:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.item-total{text-align:right;white-space:nowrap;font-weight:700}.remove-item{color:#dc2626;cursor:pointer;background:#fee2e2;border:0;border-radius:6px;width:28px;height:28px;font-size:18px;line-height:1}.remove-item:hover{background:#fecaca}.remove-item:disabled{opacity:.35;cursor:not-allowed}.quotation-total-box{border:1px solid var(--border,#e5e7eb);border-radius:9px;width:min(390px,100%);margin:20px 0 0 auto;overflow:hidden}.quotation-total-box>div{justify-content:space-between;padding:9px 13px;font-size:12px;display:flex}.quotation-total-box>div+div{border-top:1px solid var(--border,#e5e7eb)}.quotation-total-box span{color:#6b7280}.quotation-total-box strong{white-space:nowrap}.quotation-total-box .grand-total{background:#f8fafc;font-size:14px}.quotation-total-box .grand-total span{color:#172033;font-weight:700}.quotation-total-box .grand-total strong{color:#2563eb;font-size:16px}.payment-total-indicator{background:#f8fafc;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 13px;font-size:12px;display:flex}.payment-ok{color:#059669}.payment-warning{color:#dc2626}.payment-terms-list{flex-direction:column;gap:10px;display:flex}.payment-term-row{border:1px solid var(--border,#e5e7eb);border-radius:8px;grid-template-columns:35px minmax(260px,1fr) 130px 130px 180px 35px;align-items:end;gap:10px;padding:12px;display:grid}.payment-term-no{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.payment-term-row .form-group{margin-bottom:0}.payment-term-row label{font-size:10px}.payment-term-amount{flex-direction:column;justify-content:center;min-height:39px;margin-bottom:16px;padding:0 8px;display:flex}.payment-term-amount span{color:#6b7280;font-size:10px}.payment-term-amount strong{margin-top:3px;font-size:13px}.quotation-form-footer{background:var(--card-bg,#fff);border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end;gap:10px;padding:15px 24px;display:flex;position:sticky;bottom:0}.quotation-detail-modal{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;flex-direction:column;width:min(1100px,100%);max-height:calc(100vh - 50px);display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059}.quotation-detail-body{padding:24px;overflow-y:auto}.quotation-detail-loading{text-align:center;color:#6b7280;padding:60px 25px}.quotation-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px;display:grid}.quotation-detail-grid>div{border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:13px}.quotation-detail-grid span{color:#6b7280;margin-bottom:5px;font-size:10px;display:block}.quotation-detail-grid strong{font-size:13px;display:block}.quotation-detail-grid small{color:#6b7280;margin-top:3px;font-size:10px;display:block}.quotation-detail-section{margin-bottom:22px}.quotation-detail-section h3{margin:0 0 9px;font-size:13px}.quotation-detail-section p{color:#4b5563;margin:0;font-size:13px;line-height:1.6}.detail-table{min-width:800px}.detail-table td small{color:#6b7280;margin-top:3px;font-size:10px;display:block}.quotation-detail-bottom{grid-template-columns:minmax(0,1fr) 330px;gap:25px;display:grid}.detail-payment-list{border:1px solid var(--border,#e5e7eb);border-radius:8px;overflow:hidden}.detail-payment-row{grid-template-columns:70px minmax(180px,1fr) 80px 130px 80px;align-items:center;gap:10px;padding:11px 12px;font-size:11px;display:grid}.detail-payment-row+.detail-payment-row{border-top:1px solid var(--border,#e5e7eb)}.quotation-detail-totals{border:1px solid var(--border,#e5e7eb);border-radius:8px;overflow:hidden}.quotation-detail-totals>div{justify-content:space-between;padding:10px 13px;font-size:12px;display:flex}.quotation-detail-totals>div+div{border-top:1px solid var(--border,#e5e7eb)}.quotation-detail-totals .grand-total{background:#f8fafc;font-size:14px}.quotation-detail-totals .grand-total strong{color:#2563eb}html.dark .quotation-row:hover{background:#172033}html.dark .quotation-total-box .grand-total,html.dark .quotation-detail-totals .grand-total,html.dark .payment-total-indicator{background:#111827}html.dark .quotation-toast{color:#6ee7b7;background:#052e24;border-color:#065f46}html.dark .quotation-summary-card,html.dark .quotation-list-card,html.dark .quotation-modal,html.dark .quotation-detail-modal{background:#172033}html.dark .quotation-close:hover{background:#293449}@media (width<=900px){.quotation-summary{grid-template-columns:1fr}.quotation-toolbar{flex-direction:column;align-items:stretch}.quotation-search{width:100%}.quotation-form-grid{grid-template-columns:1fr}.quotation-form-grid .full{grid-column:auto}.payment-term-row{grid-template-columns:35px 1fr 1fr}.payment-term-row .payment-term-amount{margin-bottom:0}.payment-term-row .remove-item{align-self:center}.quotation-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quotation-detail-bottom{grid-template-columns:1fr}}@media (width<=600px){.quotation-modal-overlay{padding:8px}.quotation-modal,.quotation-detail-modal{max-height:calc(100vh - 16px)}.quotation-form-section,.quotation-detail-body{padding:16px}.quotation-modal-header{padding:15px 16px}.quotation-detail-grid{grid-template-columns:1fr}.quotation-pagination{flex-direction:column;align-items:stretch;gap:10px}.quotation-pagination>div{justify-content:space-between}}.revision-history-modal{background:var(--card-bg,#fff);border:1px solid var(--border,#e5e7eb);border-radius:14px;flex-direction:column;width:min(900px,100%);max-height:calc(100vh - 50px);display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059}.revision-history-body{padding:20px 24px;overflow-y:auto}.revision-history-row{border-bottom:1px solid var(--border,#e5e7eb);grid-template-columns:minmax(0,1fr) auto 180px auto;align-items:center;gap:18px;padding:15px 0;display:grid}.revision-history-row:last-child{border-bottom:0}.revision-history-row.current{background:#f8fafc;border-radius:8px;margin:0 -10px;padding-left:10px;padding-right:10px}.revision-history-main{align-items:center;gap:12px;min-width:0;display:flex}.revision-history-main>div:last-child{min-width:0}.revision-history-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.revision-history-main span{color:#6b7280;margin-top:4px;font-size:11px;display:block}.revision-badge{color:#2563eb;background:#eff6ff;border-radius:9px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:flex}.revision-history-status{align-items:center;gap:7px;display:flex}.revision-current{color:#166534;background:#dcfce7;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:700}.revision-history-total{text-align:right}.revision-history-total span{color:#6b7280;font-size:10px;display:block}.revision-history-total strong{white-space:nowrap;margin-top:3px;font-size:12px;display:block}html.dark .revision-history-modal{background:#172033}html.dark .revision-history-row.current{background:#111827}@media (width<=750px){.revision-history-row{grid-template-columns:1fr auto;gap:10px}.revision-history-status,.revision-history-total{justify-self:start}.revision-history-row>.table-action{justify-self:end}}.quotation-print-header,.quotation-print-info,.quotation-print-footer{display:none}@media print{@page{size:A4;margin:14mm 12mm}body{background:#fff!important}body *{visibility:hidden}.quotation-detail-modal,.quotation-detail-modal *{visibility:visible}.quotation-detail-modal{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;position:absolute!important;inset:0!important;overflow:visible!important}.quotation-detail-body{padding:0!important;overflow:visible!important}.quotation-modal-header,.quotation-close,.quotation-detail-loading,.revision-history-inline,.btn-primary,.btn-secondary{display:none!important}.quotation-print-header{border-bottom:2px solid #111827;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;padding-bottom:16px;display:flex!important}.quotation-print-company{align-items:center;gap:12px;display:flex}.quotation-print-company img{object-fit:contain;width:70px;height:auto}.quotation-print-company strong,.quotation-print-company span{display:block}.quotation-print-company strong{font-size:15px}.quotation-print-company span{color:#4b5563;margin-top:3px;font-size:9px}.quotation-print-title{text-align:right}.quotation-print-title h1{letter-spacing:1px;margin:0 0 5px;font-size:22px}.quotation-print-title strong,.quotation-print-title span{display:block}.quotation-print-title strong{font-size:12px}.quotation-print-title span{color:#4b5563;margin-top:3px;font-size:9px}.quotation-print-info{grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:20px;display:grid!important}.quotation-print-info>div{border-bottom:1px solid #e5e7eb;padding-bottom:7px}.quotation-print-info span,.quotation-print-info strong,.quotation-print-info small{display:block}.quotation-print-info span{text-transform:uppercase;letter-spacing:.4px;color:#6b7280;font-size:8px}.quotation-print-info strong{margin-top:3px;font-size:10px}.quotation-print-info small{color:#6b7280;margin-top:2px;font-size:8px}.quotation-detail-items{display:block!important;overflow:visible!important}.quotation-detail-items table{border-collapse:collapse;width:100%;font-size:9px}.quotation-detail-items th,.quotation-detail-items td{border:1px solid #d1d5db;padding:6px 7px}.quotation-detail-items th{font-weight:700;background:#f3f4f6!important}.quotation-detail-items tr{break-inside:avoid;page-break-inside:avoid}.quotation-detail-bottom{grid-template-columns:minmax(0,1fr) 240px;gap:24px;margin-top:18px;display:grid!important}.quotation-detail-section{break-inside:avoid;page-break-inside:avoid}.quotation-detail-section h3{margin:0 0 8px;font-size:11px}.detail-payment-list{font-size:9px}.detail-payment-row{border-bottom:1px solid #e5e7eb;padding:5px 0}.quotation-detail-totals{font-size:9px}.quotation-detail-totals>div{justify-content:space-between;padding:4px 0;display:flex}.quotation-detail-totals .grand-total{border-top:2px solid #111827;margin-top:5px;padding-top:8px;font-size:12px}.quotation-print-footer{break-inside:avoid;page-break-inside:avoid;grid-template-columns:1fr 1fr;gap:100px;margin-top:55px;display:grid!important}.quotation-print-footer span,.quotation-print-footer strong,.quotation-print-footer small{display:block}.quotation-print-footer span{color:#6b7280;font-size:9px}.quotation-print-footer strong{margin-top:45px;font-size:10px}.quotation-print-footer small{color:#6b7280;margin-top:2px;font-size:8px}.signature-line{border-bottom:1px solid #111827;width:180px;margin-top:48px}}.sales-order-form-modal{width:min(1180px,100vw - 48px)!important;max-width:1180px!important;max-height:calc(100vh - 40px)!important}.sales-order-form-modal .quotation-detail-body{padding:24px 28px!important}.sales-order-form-modal .quotation-detail-body>*{margin-bottom:24px}.sales-order-form-modal .quotation-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin-bottom:24px;display:grid!important}.sales-order-form-modal .quotation-detail-grid>div{min-width:0}.sales-order-form-modal label{color:#4b5563;margin-bottom:7px;font-size:12px;font-weight:600;display:block!important}.sales-order-form-modal label+*{margin-top:0}.sales-order-form-modal input,.sales-order-form-modal select,.sales-order-form-modal textarea{box-sizing:border-box;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:7px;outline:none;width:100%;min-height:40px;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.sales-order-form-modal textarea{resize:vertical;min-height:100px}.sales-order-form-modal input:focus,.sales-order-form-modal select:focus,.sales-order-form-modal textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.sales-order-form-modal .quotation-detail-grid>div>strong,.sales-order-form-modal .quotation-detail-grid>div>small{display:block}.sales-order-form-modal .quotation-detail-grid>div>strong{box-sizing:border-box;color:#1f2937;background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;min-height:40px;padding:10px 11px;font-size:13px;font-weight:500}.sales-order-form-modal .quotation-detail-grid>div>small{color:#6b7280;margin-top:4px;font-size:11px}.sales-order-form-modal .quotation-detail-section{margin-top:24px}.sales-order-form-modal .quotation-detail-section h3{color:#172036;margin:0 0 12px;font-size:13px;font-weight:700}.sales-order-form-modal .quotation-detail-items{border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow-x:auto}.sales-order-form-modal .quotation-detail-items table{border-collapse:collapse;width:100%;min-width:900px}.sales-order-form-modal .quotation-detail-items th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:11px 12px;font-size:10px;font-weight:700}.sales-order-form-modal .quotation-detail-items td{border-bottom:1px solid #eef2f7;padding:11px 12px;font-size:12px}.sales-order-form-modal .quotation-detail-items tbody tr:last-child td{border-bottom:0}.sales-order-form-modal .quotation-detail-bottom{grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);align-items:start;gap:24px;display:grid!important}.sales-order-form-modal .detail-payment-list{border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow:hidden}.sales-order-form-modal .detail-payment-row{border-bottom:1px solid #eef2f7;grid-template-columns:60px minmax(120px,1fr) 75px 120px 70px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:grid!important}.sales-order-form-modal .detail-payment-row:last-child{border-bottom:0}.sales-order-form-modal .quotation-detail-totals{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0;overflow:hidden}.sales-order-form-modal .quotation-detail-totals>div{border-bottom:1px solid #eef2f7;grid-template-columns:1fr 155px;align-items:center;gap:12px;padding:10px 12px;display:grid!important}.sales-order-form-modal .quotation-detail-totals>div:last-child{border-bottom:0}.sales-order-form-modal .quotation-detail-totals>div>span{color:#475569;font-size:12px}.sales-order-form-modal .quotation-detail-totals .form-control{width:100%;min-height:36px;margin:0}.sales-order-form-modal .quotation-detail-totals .grand-total{background:#f8fafc;border-top:2px solid #e5e7eb}.sales-order-form-modal .quotation-detail-totals .grand-total>span{color:#172036;font-weight:700}.sales-order-form-modal .quotation-detail-totals .grand-total .form-control{font-weight:700}.sales-order-form-modal textarea.form-control{width:100%;max-width:100%}.sales-order-form-modal .quotation-detail-body>div:last-child{border-top:1px solid #eef2f7;align-items:center;gap:10px;margin-top:8px;padding-top:4px;justify-content:flex-end!important;display:flex!important}.sales-order-form-modal .quotation-detail-body>div:last-child button{min-width:130px;min-height:40px}@media (width<=900px){.sales-order-form-modal{width:calc(100vw - 24px)!important;max-height:calc(100vh - 20px)!important}.sales-order-form-modal .quotation-detail-grid,.sales-order-form-modal .quotation-detail-bottom{grid-template-columns:1fr!important}.sales-order-form-modal .detail-payment-row{grid-template-columns:50px 1fr 60px}.sales-order-form-modal .detail-payment-row>span:nth-child(4),.sales-order-form-modal .detail-payment-row>span:nth-child(5),.sales-order-form-modal .detail-payment-row>strong:nth-child(4),.sales-order-form-modal .detail-payment-row>strong:nth-child(5){grid-column:span 1}}.sales-order-costing{width:100%}.sales-order-costing h3{color:#172036;margin:0 0 12px;font-size:13px;font-weight:700}.sales-order-costing-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow:hidden}.costing-section-label{color:#475569;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:11px 14px;font-size:12px;font-weight:700}.costing-row{box-sizing:border-box;border-bottom:1px solid #eef2f7;grid-template-columns:minmax(170px,1fr) 24px 190px;align-items:center;gap:8px;min-height:44px;padding:7px 14px;display:grid}.costing-row>span:first-child,.costing-row>strong:first-child{color:#475569;font-size:12px}.costing-colon{text-align:center;color:#64748b;font-size:12px}.costing-row .form-control{box-sizing:border-box;width:100%;min-height:36px;margin:0}.costing-total{background:#f8fafc;border-top:1px solid #dbe2ea}.costing-total strong:last-child{text-align:right;color:#172036;font-size:13px}.costing-margin{background:#f8fafc}.costing-margin strong:last-child,.costing-margin-percentage strong:last-child{text-align:right;color:#172036}.costing-margin-percentage{background:#f8fafc;border-bottom:0}.costing-margin.negative strong:last-child,.costing-margin-percentage.negative strong:last-child{color:#dc2626}@media (width<=700px){.costing-row{grid-template-columns:minmax(130px,1fr) 18px minmax(130px,170px)}}.sales-order-form-modal .sales-order-costing{width:100%}.sales-order-form-modal .sales-order-costing h3{color:#172036;margin:0 0 12px;font-size:13px;font-weight:700}.sales-order-form-modal .sales-order-costing-table{background:#fff;border:1px solid #dfe5ec;border-radius:8px;width:100%;overflow:hidden}.sales-order-form-modal .costing-section-label{color:#334155;background:#f7f9fc;border-bottom:1px solid #dfe5ec;padding:10px 14px;font-size:12px;font-weight:700}.sales-order-form-modal .costing-row{box-sizing:border-box;border-bottom:1px solid #edf1f5;grid-template-columns:minmax(170px,1fr) 20px minmax(160px,190px);align-items:center;gap:8px;min-height:44px;padding:6px 14px;display:grid}.sales-order-form-modal .costing-row:last-child{border-bottom:0}.sales-order-form-modal .costing-row>span:first-child,.sales-order-form-modal .costing-row>strong:first-child{color:#334155;font-size:12px}.sales-order-form-modal .costing-colon{text-align:center;color:#64748b}.sales-order-form-modal .costing-row .form-control{box-sizing:border-box;width:100%;min-height:36px;margin:0}.sales-order-form-modal .costing-total{background:#f8fafc;border-top:1px solid #d9e0e8}.sales-order-form-modal .costing-total strong:last-child{text-align:right}.sales-order-form-modal .costing-margin{background:#f8fafc}.sales-order-form-modal .costing-margin strong:last-child{text-align:right;font-size:13px}.sales-order-form-modal .costing-margin-percentage{background:#f8fafc}.sales-order-form-modal .costing-margin-percentage strong:last-child{text-align:right;font-size:13px}.sales-order-form-modal .costing-margin.negative strong:last-child,.sales-order-form-modal .costing-margin-percentage.negative strong:last-child{color:#dc2626}@media (width<=800px){.sales-order-form-modal .costing-row{grid-template-columns:minmax(140px,1fr) 18px minmax(130px,170px)}}.sales-order-detail-modal .sales-order-costing{width:100%}.sales-order-detail-modal .sales-order-costing h3{color:#172036;margin:0 0 12px;font-size:13px;font-weight:700}.sales-order-detail-modal .sales-order-costing-table{background:#fff;border:1px solid #dfe5ec;border-radius:8px;width:100%;overflow:hidden}.sales-order-detail-modal .costing-section-label{color:#334155;background:#f7f9fc;border-bottom:1px solid #dfe5ec;padding:10px 14px;font-size:12px;font-weight:700}.sales-order-detail-modal .costing-row{box-sizing:border-box;border-bottom:1px solid #edf1f5;grid-template-columns:minmax(170px,1fr) 20px minmax(160px,190px);align-items:center;gap:8px;min-height:44px;padding:6px 14px;display:grid}.sales-order-detail-modal .costing-row:last-child{border-bottom:0}.sales-order-detail-modal .costing-row>span:first-child,.sales-order-detail-modal .costing-row>strong:first-child{color:#334155;font-size:12px}.sales-order-detail-modal .costing-row>strong:last-child{text-align:right;color:#172036;font-size:12px}.sales-order-detail-modal .costing-colon{text-align:center;color:#64748b}.sales-order-detail-modal .costing-total{background:#f8fafc;border-top:1px solid #d9e0e8}.sales-order-detail-modal .costing-total>strong:last-child{font-size:13px}.sales-order-detail-modal .costing-margin,.sales-order-detail-modal .costing-margin-percentage{background:#f8fafc}.sales-order-detail-modal .costing-margin.negative>strong:last-child,.sales-order-detail-modal .costing-margin-percentage.negative>strong:last-child{color:#dc2626}.sales-order-detail-modal .quotation-detail-bottom{grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);align-items:start;gap:24px;display:grid!important}@media (width<=900px){.sales-order-detail-modal .quotation-detail-bottom{grid-template-columns:1fr!important}.sales-order-detail-modal .costing-row{grid-template-columns:minmax(140px,1fr) 18px minmax(140px,180px)}}.sales-order-detail-costing{width:100%}.sales-order-detail-costing .sales-order-costing-table{background:#fff;border:1px solid #dfe5ec;border-radius:8px;width:100%;overflow:hidden}.sales-order-detail-costing .costing-section-label{color:#334155;background:#f7f9fc;border-bottom:1px solid #dfe5ec;padding:10px 14px;font-size:12px;font-weight:700}.sales-order-detail-costing .costing-row{box-sizing:border-box;border-bottom:1px solid #edf1f5;grid-template-columns:minmax(190px,1fr) 24px minmax(190px,220px);align-items:center;gap:8px;min-height:44px;padding:7px 14px;display:grid}.sales-order-detail-costing .costing-row:last-child{border-bottom:0}.sales-order-detail-costing .costing-row>span:first-child,.sales-order-detail-costing .costing-row>strong:first-child{color:#334155;font-size:12px}.sales-order-detail-costing .costing-row>strong:last-child{text-align:right;color:#172036;font-size:12px}.sales-order-detail-costing .costing-colon{text-align:center;color:#64748b}.sales-order-detail-costing .costing-total{background:#f8fafc;border-top:1px solid #d9e0e8}.sales-order-detail-costing .costing-total>strong:last-child{font-size:13px}.sales-order-detail-costing .costing-margin,.sales-order-detail-costing .costing-margin-percentage{background:#f8fafc}.sales-order-detail-costing .costing-margin.negative>strong:last-child,.sales-order-detail-costing .costing-margin-percentage.negative>strong:last-child{color:#dc2626}.sales-order-form-modal .quotation-detail-bottom{gap:24px;width:100%;flex-direction:column!important;display:flex!important}.sales-order-form-modal .quotation-detail-bottom .quotation-detail-section,.sales-order-form-modal .quotation-detail-bottom .sales-order-costing,.sales-order-form-modal .sales-order-costing-table{width:100%}.sales-order-form-modal .sales-order-costing .costing-row{grid-template-columns:minmax(220px,1fr) 24px minmax(220px,300px)}@media (width<=800px){.sales-order-form-modal .sales-order-costing .costing-row{grid-template-columns:minmax(140px,1fr) 18px minmax(140px,200px)}}.sales-order-form-modal .sales-order-costing .costing-row>strong:last-child,.sales-order-detail-modal .sales-order-costing .costing-row>strong:last-child,.sales-order-form-modal .sales-order-costing .costing-row>input.form-control,.sales-order-form-modal .sales-order-costing input[type=number]{text-align:right!important}.purchasing-form-modal{width:min(1250px,100vw - 40px)!important;max-width:1250px!important;max-height:calc(100vh - 30px)!important}.purchasing-form-modal .quotation-detail-body{padding:24px 28px!important}.purchasing-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.purchasing-items-editor th{text-align:left;color:#475569;background:#f7f9fc;border-bottom:1px solid #dfe5ec;padding:10px 12px;font-size:11px;font-weight:700}.purchasing-items-editor td:nth-child(6){text-align:right;white-space:nowrap;min-width:180px;font-weight:600}.purchasing-items-editor input.form-control{box-sizing:border-box;width:100%}.purchasing-total-cell{white-space:nowrap;text-align:right!important}.purchasing-summary-table{background:#fff;border:1px solid #dfe5ec;border-radius:8px;width:100%;overflow:hidden}.purchasing-summary-table>div{border-bottom:1px solid #edf1f5;grid-template-columns:1fr 240px;align-items:center;gap:16px;padding:11px 14px;display:grid}.purchasing-summary-table>div>strong:last-child{text-align:right}.purchasing-summary-table>div>input{box-sizing:border-box;width:100%}.purchasing-payment-row label{color:#475569;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.purchasing-term-amount{background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;justify-content:flex-end;align-items:center;min-height:40px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.purchasing-form-footer{border-top:1px solid #edf1f5;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:16px;display:flex}.purchasing-detail-modal{width:min(1100px,100vw - 40px)!important;max-width:1100px!important;max-height:calc(100vh - 30px)!important}.purchasing-detail-payment-list{border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow:hidden}.purchasing-detail-payment-row{border-bottom:1px solid #edf1f5;grid-template-columns:70px minmax(180px,1fr) 100px 180px 100px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;display:grid}.purchasing-detail-payment-row:last-child{border-bottom:0}.purchasing-detail-payment-row>strong:nth-child(3),.purchasing-detail-payment-row>strong:nth-child(4){text-align:right}@media (width<=900px){.purchasing-payment-row,.purchasing-detail-payment-row{grid-template-columns:1fr 1fr}}@media (width<=650px){.purchasing-form-modal,.purchasing-detail-modal{width:calc(100vw - 20px)!important}.purchasing-payment-row,.purchasing-detail-payment-row{grid-template-columns:1fr}}.purchasing-form-modal{width:min(1280px,100vw - 40px)!important;max-width:1280px!important;max-height:calc(100vh - 24px)!important;overflow:hidden!important}.purchasing-form-modal .quotation-detail-body{padding:24px 28px 28px!important;overflow-y:auto!important}.purchasing-form-modal .quotation-modal-header{padding:16px 22px!important}.purchasing-form-modal .quotation-modal-header h2{margin:0}.purchasing-form-modal .quotation-modal-header p{margin:4px 0 0}.purchasing-form-modal .quotation-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid!important}.purchasing-form-modal .quotation-detail-grid>div{background:#fff;border:1px solid #dfe5ec;border-radius:8px;gap:6px;min-width:0;padding:14px;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;display:flex!important}.purchasing-form-modal .quotation-detail-grid>div>label{color:#334155;line-height:1.4;width:100%!important;margin:0!important;font-size:12px!important;font-weight:600!important;display:block!important}.purchasing-form-modal .quotation-detail-grid>div>input,.purchasing-form-modal .quotation-detail-grid>div>select{box-sizing:border-box;height:40px;width:100%!important;min-width:0!important;margin:0!important;padding:8px 11px!important;font-size:13px!important;display:block!important}.purchasing-form-modal .quotation-detail-grid>div>input[readonly]{color:#475569!important;background:#f8fafc!important}.purchasing-form-modal .quotation-detail-section{margin-top:26px}.purchasing-form-modal .quotation-detail-section h3{color:#172036;margin:0 0 12px;font-size:13px;font-weight:700}.purchasing-section-heading{gap:12px;margin-bottom:12px;justify-content:space-between!important;align-items:center!important;display:flex!important}.purchasing-section-heading h3{margin:0!important}.purchasing-items-editor{background:#fff;border:1px solid #dfe5ec;border-radius:8px;width:100%;overflow-x:auto}.purchasing-items-editor table{border-collapse:collapse;width:100%;min-width:980px}.purchasing-items-editor th{letter-spacing:.03em;text-transform:uppercase;color:#475569;white-space:nowrap;background:#f7f9fc;border-bottom:1px solid #dfe5ec;padding:11px 12px;font-size:10px;font-weight:700}.purchasing-items-editor td{vertical-align:middle;border-bottom:1px solid #edf1f5;padding:9px 10px}.purchasing-items-editor tbody tr:last-child td{border-bottom:0}.purchasing-items-editor input{box-sizing:border-box;height:38px;width:100%!important;min-width:0!important;padding:8px 10px!important;font-size:12px!important}.purchasing-items-editor td:first-child{text-align:center;width:50px}.purchasing-items-editor td:nth-child(2){min-width:280px}.purchasing-items-editor td:nth-child(3){width:100px}.purchasing-items-editor td:nth-child(4){width:130px}.purchasing-items-editor td:nth-child(5){width:190px}.purchasing-items-editor td:nth-child(6){text-align:right;white-space:nowrap;width:180px;font-weight:600}.purchasing-items-editor td:nth-child(7){text-align:center;width:90px}.purchasing-items-editor input[type=number]{text-align:right}.purchasing-total-cell{color:#172036;white-space:nowrap;font-size:12px;font-weight:700;text-align:right!important}.purchasing-summary-table{background:#fff;border:1px solid #dfe5ec;border-radius:8px;overflow:hidden;width:100%!important}.purchasing-summary-table>div{box-sizing:border-box;border-bottom:1px solid #edf1f5;grid-template-columns:1fr 260px;align-items:center;gap:16px;min-height:46px;padding:8px 14px;display:grid!important}.purchasing-summary-table>div:last-child{border-bottom:0}.purchasing-summary-table>div>span{color:#475569;font-size:12px}.purchasing-summary-table>div>strong{text-align:right;font-size:12px}.purchasing-summary-table>div>input{box-sizing:border-box;text-align:right;height:38px;width:100%!important}.purchasing-summary-table .grand-total{background:#f8fafc}.purchasing-summary-table .grand-total>strong{font-size:13px}.purchasing-payment-editor{flex-direction:column;gap:10px;display:flex}.purchasing-payment-row{background:#fff;border:1px solid #dfe5ec;border-radius:8px;grid-template-columns:minmax(250px,1fr) 140px 120px 190px 88px;align-items:end;gap:12px;padding:12px;display:grid!important}.purchasing-payment-row label{color:#475569;width:100%!important;margin:0 0 6px!important;font-size:11px!important;font-weight:600!important;display:block!important}.purchasing-payment-row input{box-sizing:border-box;height:38px;width:100%!important}.purchasing-payment-row input[type=number]{text-align:right}.purchasing-term-amount{box-sizing:border-box;white-space:nowrap;background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;justify-content:flex-end;align-items:center;width:100%;height:38px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.purchasing-payment-percentage{text-align:right;background:#f8fafc;border-radius:6px;margin-top:10px;padding:9px 12px;font-size:12px}.purchasing-payment-percentage.valid{color:#166534}.purchasing-payment-percentage.invalid{color:#b91c1c}.purchasing-form-modal textarea.form-control{box-sizing:border-box;resize:vertical;min-height:100px;width:100%!important;font-size:13px!important}.purchasing-form-footer{border-top:1px solid #edf1f5;gap:10px;margin-top:26px;padding-top:16px;justify-content:flex-end!important;align-items:center!important;display:flex!important}.purchasing-form-modal .btn-primary,.purchasing-form-modal .btn-secondary{white-space:nowrap;min-height:38px;padding:8px 15px}@media (width<=1000px){.purchasing-form-modal .quotation-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.purchasing-payment-row{grid-template-columns:1fr 1fr}}@media (width<=650px){.purchasing-form-modal{width:calc(100vw - 20px)!important}.purchasing-form-modal .quotation-detail-grid,.purchasing-payment-row{grid-template-columns:1fr}.purchasing-summary-table>div{grid-template-columns:1fr 160px}}.purchasing-status-field{background:#fff;border:1px solid #dfe5ec;border-radius:8px;flex-direction:column;gap:6px;padding:14px;display:flex}.purchasing-status-field label{color:#334155;font-size:12px;font-weight:600;width:100%!important;margin:0!important;display:block!important}.purchasing-status-field select{box-sizing:border-box;height:40px;width:100%!important;display:block!important}.purchasing-summary-table>div>input{text-align:right}.purchasing-summary-table>div>strong{white-space:nowrap}.purchasing-detail-header-actions{align-items:center;gap:8px;display:flex}.purchasing-a4-overlay{z-index:11000;background:#0f172aad;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.purchasing-a4-window{background:#e5e7eb;border-radius:10px;flex-direction:column;width:min(1100px,96vw);max-height:96vh;display:flex;overflow:hidden;box-shadow:0 25px 70px #00000040}.purchasing-a4-toolbar{box-sizing:border-box;background:#f8fafc;border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:center;min-height:58px;padding:10px 16px;display:flex}.purchasing-a4-toolbar>div{gap:8px;display:flex}.purchasing-a4-paper{box-sizing:border-box;color:#111827;background:#fff;width:210mm;min-height:297mm;margin:20px auto;padding:14mm 13mm;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.25;overflow-y:auto;box-shadow:0 4px 18px #0000002e}.po-header{justify-content:space-between;min-height:58px;margin-bottom:12px;display:flex}.po-logo-area{align-items:center;gap:8px;display:flex}.po-logo-placeholder{color:#1f6f5b;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:11px;font-weight:800;display:flex}.po-company-name{color:#2f806c;white-space:nowrap;font-size:15px;font-weight:700}.po-company-info{width:285px;font-size:7.5px;line-height:1.2}.po-company-info strong{font-size:8px}.po-document-title{text-align:center;margin-bottom:12px}.po-document-title h1{letter-spacing:.02em;margin:0;font-size:15px;font-weight:800}.po-document-title strong{font-size:8px}.po-information{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px;display:grid}.po-information>div{flex-direction:column;gap:2px;display:flex}.po-information>div>div{grid-template-columns:96px 1fr;gap:6px;display:grid}.po-information span{font-weight:600}.po-information strong{font-weight:400}.po-items-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:8px}.po-items-table th,.po-items-table td{vertical-align:top;border:1px solid #555;padding:3px 4px}.po-items-table th{text-align:center;background:#fff;font-weight:700}.po-items-table th:first-child{width:25px}.po-items-table th:nth-child(3){width:38px}.po-items-table th:nth-child(4){width:42px}.po-items-table th:nth-child(5),.po-items-table th:nth-child(6){width:105px}.po-center{text-align:center}.po-number{text-align:right;white-space:nowrap}.po-description{white-space:pre-line;line-height:1.35}.po-summary-label{text-align:right;font-weight:700}.po-total-label,.po-total{font-weight:800}.po-terms{margin-top:17px;font-size:8px;line-height:1.45}.po-terms h2{margin:0 0 5px;font-size:9px;font-weight:800}.po-signature{text-align:center;grid-template-columns:1fr 1fr;gap:70px;margin-top:42px;font-size:8px;line-height:1.4;display:grid}.po-signature-space{height:55px}@media print{body *{visibility:hidden!important}.purchasing-print-only,.purchasing-print-only *{visibility:visible!important}.purchasing-print-only{box-sizing:border-box!important;color:#111!important;background:#fff!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:12mm 13mm 10mm!important;font-family:Arial,Helvetica,sans-serif!important;font-size:8px!important;line-height:1.3!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.print-po-company-header{min-height:48px;margin-bottom:10px;justify-content:space-between!important;align-items:flex-start!important;display:flex!important}.print-po-company-left{gap:7px;align-items:center!important;display:flex!important}.print-po-logo{color:#23765e;background:#e9f4ef;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:10px;font-weight:800;display:flex!important}.print-po-company-name{color:#23765e;white-space:nowrap;font-size:14px;font-weight:700}.print-po-company-right{text-align:left;width:270px;font-size:7px;line-height:1.2}.print-po-company-right strong{font-size:7.5px}.print-po-title{text-align:center;margin-bottom:11px}.print-po-title h1{margin:0;font-size:15px;font-weight:800}.print-po-title strong{font-size:8px}.print-po-info{column-gap:22px;margin-bottom:7px;grid-template-columns:1fr 1fr!important;display:grid!important}.print-po-info-column{gap:2px;flex-direction:column!important;display:flex!important}.print-po-info-column>div{gap:5px;min-height:13px;grid-template-columns:90px 1fr!important;display:grid!important}.print-po-info-column span{font-weight:700}.print-po-info-column strong{font-weight:400}.print-po-items{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;font-size:7.5px!important}.print-po-items th,.print-po-items td{vertical-align:top!important;border:1px solid #555!important;padding:3px 4px!important}.print-po-items th{text-align:center!important;background:#fff!important;font-weight:700!important}.print-po-items th:first-child{width:27px!important}.print-po-items th:nth-child(3),.print-po-items th:nth-child(4){width:42px!important}.print-po-items th:nth-child(5),.print-po-items th:nth-child(6){width:105px!important}.print-center{text-align:center!important}.print-number{text-align:right!important;white-space:nowrap!important}.print-description{white-space:pre-line!important;line-height:1.35!important}.print-summary-label{text-align:right!important;font-weight:700!important}.print-total-label,.print-total{font-weight:800!important}.print-po-terms{margin-top:14px;font-size:7.5px;line-height:1.45}.print-po-terms h2{margin:0 0 5px;font-size:9px;font-weight:800}.print-po-terms>div{margin-bottom:2px}.print-po-signatures{text-align:center;gap:70px;margin-top:42px;font-size:7.5px;line-height:1.35;grid-template-columns:1fr 1fr!important;display:grid!important}.print-signature-space{height:50px}@page{size:A4 portrait;margin:0}}@media print{body *{visibility:hidden!important}.purchasing-print-only,.purchasing-print-only *{visibility:visible!important}.purchasing-print-only{box-sizing:border-box!important;color:#111!important;background:#fff!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:11mm 12mm 10mm!important;font-family:Arial,Helvetica,sans-serif!important;font-size:8px!important;line-height:1.3!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.print-po-header{grid-template-columns:1fr 1fr!important;column-gap:20mm!important;height:25mm!important;margin-bottom:2mm!important;display:grid!important}.print-po-header-left{align-items:center!important;gap:6px!important;display:flex!important}.print-po-logo{color:#23765e!important;background:#edf5f1!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:10px!important;font-weight:800!important;display:flex!important}.print-po-company{color:#23765e!important;white-space:nowrap!important;font-size:14px!important;font-weight:700!important}.print-po-header-right{font-size:7px!important;line-height:1.25!important}.print-po-header-right strong{margin-bottom:1px!important;font-size:8px!important;display:block!important}.print-po-document-title{text-align:center!important;margin-bottom:4mm!important}.print-po-document-title h1{margin:0!important;font-size:15px!important;font-weight:800!important}.print-po-document-title strong{font-size:8px!important}.print-po-information{grid-template-columns:1fr 1fr!important;column-gap:21mm!important;margin-bottom:4mm!important;display:grid!important}.print-po-information>div{flex-direction:column!important;gap:1px!important;display:flex!important}.print-po-information>div>div{grid-template-columns:92px 1fr!important;align-items:baseline!important;gap:5px!important;min-height:13px!important;display:grid!important}.print-po-information span{white-space:nowrap!important;font-weight:700!important}.print-po-information strong{overflow-wrap:anywhere!important;font-weight:400!important}.print-po-items-title{margin-top:4mm!important;margin-bottom:1mm!important;font-size:9px!important;font-weight:800!important}.print-po-item-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;font-size:7.5px!important}.print-po-item-table th,.print-po-item-table td{vertical-align:top!important;border:1px solid #444!important;padding:3px 4px!important}.print-po-item-table th{text-align:center!important;background:#fff!important;font-weight:700!important}.print-po-item-table th:first-child{width:25px!important}.print-po-item-table th:nth-child(3){width:42px!important}.print-po-item-table th:nth-child(4){width:45px!important}.print-po-item-table th:nth-child(5),.print-po-item-table th:nth-child(6){width:105px!important}.print-center{text-align:center!important;white-space:nowrap!important}.print-right{text-align:right!important;white-space:nowrap!important}.print-description{white-space:pre-line!important;line-height:1.35!important}.print-summary-label{text-align:right!important;font-weight:700!important}.print-total-label,.print-total{font-weight:800!important}.print-po-terms{margin-top:7mm!important;font-size:7.5px!important;line-height:1.5!important}.print-po-terms-title{text-transform:uppercase!important;margin-bottom:2mm!important;font-size:9px!important;font-weight:800!important}.print-po-payment-line{grid-template-columns:14px 95px 55px 130px 65px!important;gap:3px!important;margin-bottom:1px!important;display:grid!important}.print-po-delivery{border-top:1px solid #555!important;grid-template-columns:1fr 1fr!important;column-gap:15mm!important;margin-top:5mm!important;padding-top:2mm!important;display:grid!important}.print-po-delivery>div{grid-template-columns:90px 1fr!important;gap:5px!important;display:grid!important}.print-po-delivery span{font-weight:700!important}.print-po-delivery strong{font-weight:400!important}.print-po-notes{margin-top:4mm!important}.print-po-notes-title{margin-bottom:1mm!important;font-size:9px!important;font-weight:800!important}.print-po-notes-content{white-space:pre-line!important;min-height:10mm!important;line-height:1.4!important}.print-po-signature{text-align:center!important;grid-template-columns:1fr 1fr!important;column-gap:55mm!important;margin-top:14mm!important;font-size:7.5px!important;line-height:1.35!important;display:grid!important}.print-signature-space{height:14mm!important}.print-signature-line{border-bottom:1px solid #333!important;width:60mm!important;margin:0 auto 2px!important}@page{size:A4 portrait;margin:0}}.purchasing-print-only{display:none}@media print{body *{visibility:hidden!important}.purchasing-print-only,.purchasing-print-only *{visibility:visible!important}.purchasing-print-only{box-sizing:border-box!important;color:#111!important;background:#fff!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:10mm 12mm 12mm!important;font-family:Arial,Helvetica,sans-serif!important;font-size:8px!important;line-height:1.3!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.po-print-header{grid-template-columns:1fr 1fr!important;align-items:start!important;column-gap:18mm!important;min-height:25mm!important;margin-bottom:3mm!important;display:grid!important}.po-print-brand{align-items:center!important;gap:6px!important;display:flex!important}.po-print-logo{object-fit:contain!important;flex-shrink:0!important;width:42px!important;height:auto!important;display:block!important}.po-print-brand-name{color:#23765e!important;white-space:nowrap!important;font-size:14px!important;font-weight:700!important}.po-print-company-info{padding-left:100px!important;font-size:7px!important;line-height:1.25!important}.po-print-company-info strong{margin-bottom:1px!important;font-size:8px!important;display:block!important}.po-print-title{text-align:center!important;margin-bottom:5mm!important}.po-print-title h1{letter-spacing:.02em!important;margin:0!important;font-size:15px!important;font-weight:800!important}.po-print-info{grid-template-columns:1fr 1fr!important;column-gap:20mm!important;margin-bottom:4mm!important;display:grid!important}.po-print-info-column{flex-direction:column!important;gap:1px!important;display:flex!important}.po-print-info-column>div{grid-template-columns:92px 1fr!important;align-items:baseline!important;gap:5px!important;min-height:13px!important;display:grid!important}.po-print-info-column span{white-space:nowrap!important;font-weight:700!important}.po-print-info-column strong{overflow-wrap:anywhere!important;font-weight:400!important}.po-print-section-heading{text-transform:uppercase!important;margin-top:4mm!important;margin-bottom:1.5mm!important;font-size:9px!important;font-weight:800!important}.po-print-items-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;font-size:7.5px!important}.po-print-items-table th,.po-print-items-table td{vertical-align:top!important;border:1px solid #444!important;padding:3px 4px!important}.po-print-items-table th{text-align:center!important;background:#fff!important;font-weight:700!important}.po-print-items-table th:first-child{width:25px!important}.po-print-items-table th:nth-child(3){width:42px!important}.po-print-items-table th:nth-child(4){width:45px!important}.po-print-items-table th:nth-child(5),.po-print-items-table th:nth-child(6){width:105px!important}.po-print-center{text-align:center!important;white-space:nowrap!important}.po-print-number{text-align:right!important;white-space:nowrap!important}.po-print-description{white-space:pre-line!important;line-height:1.35!important}.po-print-summary-label{text-align:right!important;font-weight:700!important}.po-print-total-label,.po-print-total{font-weight:800!important}.po-print-payment-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;font-size:7.5px!important}.po-print-payment-table td{vertical-align:top!important;padding:2px 4px!important}.po-print-term-no{width:22px!important}.po-print-term-description{width:auto!important}.po-print-term-percentage{text-align:center!important;white-space:nowrap!important;width:55px!important}.po-print-term-amount{text-align:right!important;white-space:nowrap!important;width:125px!important}.po-print-term-due{text-align:center!important;white-space:nowrap!important;width:65px!important}.po-print-terms{font-size:7.5px!important;line-height:1.45!important}.po-print-condition-row{grid-template-columns:92px 1fr!important;align-items:start!important;gap:5px!important;min-height:13px!important;display:grid!important}.po-print-condition-row span{white-space:nowrap!important;font-weight:700!important}.po-print-condition-row strong{white-space:pre-line!important;font-weight:400!important}.po-print-signature{text-align:center!important;grid-template-columns:1fr 1fr!important;column-gap:55mm!important;margin-top:17mm!important;font-size:7.5px!important;line-height:1.35!important;display:grid!important}.po-print-signature-space{height:15mm!important}.po-print-signature-line{border-bottom:1px solid #333!important;width:60mm!important;margin:0 auto 2px!important}.po-print-footer{color:#64748b!important;text-align:center!important;border-top:1px solid #d1d5db!important;padding-top:2mm!important;font-size:6.5px!important;position:absolute!important;bottom:4mm!important;left:12mm!important;right:12mm!important}@page{size:A4 portrait;margin:0}.po-print-company-info,.po-print-company-info strong{text-align:right!important}.po-print-header{grid-template-columns:1fr auto!important}.po-print-company-info{text-align:left!important;justify-self:end!important;width:75mm!important}.po-print-company-info strong{text-align:left!important}}.invoice-form-section{margin-bottom:20px!important}.invoice-form-grid{box-sizing:border-box!important;grid-template-columns:1fr 1fr!important;gap:18px 22px!important;width:100%!important;display:grid!important}.invoice-form-grid>div{min-width:0!important}.invoice-form-grid label,.invoice-form-section label{color:#334155!important;margin-bottom:7px!important;font-size:12px!important;font-weight:600!important;display:block!important}.invoice-form-grid .form-control{box-sizing:border-box!important;width:100%!important}.invoice-term-card{box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #dbe2ea!important;border-radius:8px!important;grid-template-columns:80px minmax(150px,1fr) 90px 180px 90px!important;align-items:center!important;gap:12px!important;width:100%!important;margin:18px 0!important;padding:14px 16px!important;display:grid!important}.invoice-term-card>div{min-width:0!important}.invoice-term-card span{color:#64748b!important;margin-bottom:4px!important;font-size:11px!important;display:block!important}.invoice-term-card strong{color:#1e293b!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:13px!important;font-weight:600!important;display:block!important;overflow:hidden!important}.invoice-summary{box-sizing:border-box!important;border:1px solid #dbe2ea!important;border-radius:8px!important;width:100%!important;margin:20px 0!important;overflow:hidden!important}.invoice-summary>div{box-sizing:border-box!important;border-bottom:1px solid #e5e7eb!important;grid-template-columns:1fr 220px!important;align-items:center!important;min-height:48px!important;padding:0 14px!important;display:grid!important}.invoice-summary>div:last-child{border-bottom:0!important}.invoice-summary>div>span{color:#334155!important;font-size:13px!important}.invoice-summary>div>strong{text-align:right!important;color:#1e293b!important;font-size:13px!important}.invoice-summary input{box-sizing:border-box!important;text-align:right!important;width:100%!important}.invoice-summary .invoice-total{background:#f8fafc!important;border-top:2px solid #cbd5e1!important;min-height:54px!important}.invoice-summary .invoice-total>span{font-size:14px!important;font-weight:700!important}.invoice-summary .invoice-total>strong{font-size:16px!important;font-weight:700!important}.invoice-form-section+div{margin-top:12px!important}.quotation-detail-body>div>label{color:#334155!important;margin-bottom:7px!important;font-size:12px!important;font-weight:600!important;display:block!important}.quotation-detail-body textarea.form-control{box-sizing:border-box!important;resize:vertical!important;width:100%!important;min-height:100px!important}.quotation-modal-footer{border-top:1px solid #e5e7eb!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:22px!important;padding-top:16px!important;display:flex!important}.quotation-detail-modal:has(.invoice-form-section){width:min(900px,100vw - 40px)!important;max-width:900px!important}@media (width<=800px){.invoice-form-grid{grid-template-columns:1fr!important}.invoice-term-card{grid-template-columns:1fr 1fr!important}.invoice-summary>div{grid-template-columns:1fr 170px!important}}.invoice-detail-body{box-sizing:border-box!important;padding:22px 26px 26px!important}.invoice-detail-loading{text-align:center;color:#64748b;padding:50px 20px;font-size:13px}.invoice-detail-block{margin-bottom:22px!important}.invoice-detail-block-title{color:#1e293b!important;margin-bottom:10px!important;font-size:13px!important;font-weight:700!important}.invoice-detail-info-grid{border:1px solid #dbe2ea!important;border-radius:8px!important;grid-template-columns:1fr 1fr!important;gap:0!important;display:grid!important;overflow:hidden!important}.invoice-detail-info-item{box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;grid-template-columns:125px 1fr!important;align-items:center!important;gap:10px!important;min-height:44px!important;padding:0 13px!important;display:grid!important}.invoice-detail-info-item:nth-child(odd){border-right:1px solid #e5e7eb!important}.invoice-detail-info-item:nth-last-child(-n+2){border-bottom:0!important}.invoice-detail-info-item>span{color:#64748b!important;font-size:12px!important}.invoice-detail-info-item>strong{color:#1e293b!important;overflow-wrap:anywhere!important;min-width:0!important;font-size:12px!important;font-weight:600!important}.invoice-detail-contact-grid{background:#e5e7eb!important;border:1px solid #dbe2ea!important;border-radius:8px!important;grid-template-columns:1fr 1fr!important;gap:1px!important;display:grid!important;overflow:hidden!important}.invoice-detail-contact-grid>div{background:#fff!important;grid-template-columns:125px 1fr!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:0 13px!important;display:grid!important}.invoice-detail-contact-grid span{color:#64748b!important;font-size:12px!important}.invoice-detail-contact-grid strong{color:#1e293b!important;overflow-wrap:anywhere!important;min-width:0!important;font-size:12px!important;font-weight:500!important}.invoice-detail-table-wrapper{border:1px solid #dbe2ea!important;border-radius:8px!important;width:100%!important;overflow-x:auto!important}.invoice-detail-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;font-size:12px!important}.invoice-detail-table th{color:#475569!important;text-align:left!important;text-transform:uppercase!important;background:#f8fafc!important;border-bottom:1px solid #dbe2ea!important;padding:11px 10px!important;font-size:10px!important;font-weight:700!important}.invoice-detail-table td{color:#334155!important;vertical-align:middle!important;border-bottom:1px solid #e5e7eb!important;padding:11px 10px!important}.invoice-detail-table tbody tr:last-child td{border-bottom:0!important}.invoice-detail-table th:first-child,.invoice-detail-table td:first-child{width:45px!important}.invoice-detail-table th:nth-child(3),.invoice-detail-table td:nth-child(3){width:70px!important}.invoice-detail-table th:nth-child(4),.invoice-detail-table td:nth-child(4){width:75px!important}.invoice-detail-table th:nth-child(5),.invoice-detail-table td:nth-child(5),.invoice-detail-table th:nth-child(6),.invoice-detail-table td:nth-child(6){width:145px!important}.invoice-detail-summary,.detail-summary{border:1px solid #dbe2ea!important;border-radius:8px!important;width:360px!important;max-width:100%!important;margin:16px 0 0 auto!important;overflow:hidden!important}.invoice-detail-summary>div,.detail-summary>div{box-sizing:border-box!important;border-bottom:1px solid #e5e7eb!important;grid-template-columns:1fr 150px!important;align-items:center!important;min-height:42px!important;padding:0 13px!important;display:grid!important}.invoice-detail-summary>div:last-child,.detail-summary>div:last-child{border-bottom:0!important}.invoice-detail-summary>span,.detail-summary>span{color:#64748b!important}.invoice-detail-summary>div>span,.detail-summary>div>span{color:#64748b!important;font-size:12px!important}.invoice-detail-summary>div>strong,.detail-summary>div>strong{color:#1e293b!important;text-align:right!important;font-size:12px!important}.invoice-detail-summary .invoice-detail-total,.detail-summary .invoice-detail-total{background:#f8fafc!important;border-top:2px solid #cbd5e1!important;min-height:50px!important}.invoice-detail-summary .invoice-detail-total>span,.detail-summary .invoice-detail-total>span{color:#1e293b!important;font-size:13px!important;font-weight:700!important}.invoice-detail-summary .invoice-detail-total>strong,.detail-summary .invoice-detail-total>strong{color:#1e293b!important;font-size:16px!important;font-weight:700!important}.invoice-detail-notes{box-sizing:border-box!important;color:#334155!important;white-space:pre-line!important;background:#f8fafc!important;border:1px solid #dbe2ea!important;border-radius:8px!important;min-height:70px!important;padding:13px!important;font-size:12px!important;line-height:1.5!important}.invoice-status-actions{border-top:1px solid #e5e7eb!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:22px!important;padding-top:16px!important;display:flex!important}@media (width<=850px){.invoice-detail-info-grid,.invoice-detail-contact-grid{grid-template-columns:1fr!important}.invoice-detail-info-item:nth-child(odd){border-right:0!important}.invoice-detail-info-item:nth-last-child(-n+2){border-bottom:1px solid #e5e7eb!important}.invoice-detail-info-item:last-child{border-bottom:0!important}.invoice-detail-summary,.detail-summary{width:100%!important}}.invoice-print-only{display:none}@media print{body *{visibility:hidden!important}.invoice-print-only,.invoice-print-only *{visibility:visible!important}.invoice-print-only{box-sizing:border-box!important;color:#111!important;background:#fff!important;width:210mm!important;min-height:297mm!important;margin:0!important;padding:10mm 12mm 14mm!important;font-family:Arial,Helvetica,sans-serif!important;font-size:8px!important;line-height:1.35!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.invoice-print-brand-name{object-position:left center!important;color:#23765e!important;white-space:nowrap!important;font-size:14px!important;font-weight:700!important}.invoice-print-title{text-align:center!important;margin:2mm 0 5mm!important;font-size:15px!important;font-weight:800!important}.invoice-print-info{grid-template-columns:1fr 1fr!important;gap:1.5mm 16mm!important;margin-bottom:5mm!important;display:grid!important}.invoice-print-info>div{grid-template-columns:32mm 1fr!important;align-items:baseline!important;gap:4mm!important;min-height:4mm!important;display:grid!important}.invoice-print-info span{white-space:nowrap!important;font-weight:700!important}.invoice-print-info strong{overflow-wrap:anywhere!important;font-weight:400!important}.invoice-print-section-title{text-transform:uppercase!important;margin-top:4mm!important;margin-bottom:1.5mm!important;font-size:9px!important;font-weight:800!important}.invoice-print-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;font-size:7.5px!important}.invoice-print-table th,.invoice-print-table td{vertical-align:top!important;box-sizing:border-box!important;border:1px solid #444!important;padding:2.3px 3.5px!important}.invoice-print-table th{text-align:center!important;background:#fff!important;font-weight:700!important}.print-col-no{width:9mm!important}.print-col-percent{width:18mm!important}.print-col-amount{width:35mm!important}.print-col-due{width:22mm!important}.print-col-qty{width:15mm!important}.print-col-unit{width:18mm!important}.print-col-price{width:35mm!important}.print-col-total{width:37mm!important}.invoice-print-summary{width:72mm!important;margin:3mm 0 0 auto!important}.invoice-print-summary>div{grid-template-columns:1fr 35mm!important;align-items:center!important;gap:4mm!important;min-height:5mm!important;padding:1px 0!important;display:grid!important}.invoice-print-summary span{text-align:right!important;font-weight:700!important}.invoice-print-summary strong{text-align:right!important;white-space:nowrap!important}.invoice-print-grand-total{border-top:1px solid #444!important;margin-top:1mm!important;padding-top:2px!important;font-size:9px!important;font-weight:800!important}.invoice-print-bank{margin-top:6mm!important;font-size:7.5px!important;line-height:1.4!important}.invoice-print-bank .invoice-print-section-title{margin-top:0!important;margin-bottom:2mm!important}.invoice-print-bank-line{grid-template-columns:38mm 1fr!important;gap:3mm!important;margin-bottom:1mm!important;display:grid!important}.invoice-print-bank-line strong{font-weight:700!important}.invoice-print-bank-instruction{margin-top:2mm!important;font-weight:700!important}.invoice-print-notes{margin-top:6mm!important;font-size:7.5px!important;line-height:1.45!important}.invoice-print-footer{text-align:center!important;color:#64748b!important;border-top:.5px solid #cbd5e1!important;padding-top:2mm!important;font-size:6.5px!important;position:fixed!important;bottom:4mm!important;left:12mm!important;right:12mm!important}@page{size:A4 portrait;margin:0}.invoice-print-header{grid-template-columns:1fr 85mm!important;align-items:start!important;gap:10mm!important;min-height:27mm!important;margin-bottom:2mm!important;display:grid!important}.invoice-print-brand{align-items:center!important;height:24mm!important;display:flex!important}.invoice-print-brand img{object-fit:contain!important;object-position:left center!important;width:75mm!important;max-height:23mm!important}.invoice-print-company{text-align:left!important;justify-self:end!important;width:85mm!important;font-size:7.5px!important;line-height:1.35!important}.invoice-print-company strong{margin-bottom:1px!important;font-size:8.5px!important;font-weight:700!important;display:block!important}.invoice-print-title{text-align:center!important;letter-spacing:.4px!important;margin:2mm 0 5mm!important;font-size:15px!important;font-weight:800!important}.invoice-print-signature{page-break-inside:avoid!important;grid-template-columns:1fr 1fr!important;gap:25mm!important;margin-top:15mm!important;display:grid!important}.invoice-print-signature-column{min-height:36mm!important;font-size:7.5px!important;line-height:1.35!important}.invoice-print-signature-space{width:100%!important;height:18mm!important}.invoice-print-signature-line{border-top:.5px solid #444!important;width:55mm!important;padding-top:1mm!important;font-size:7px!important}.invoice-print-signature{page-break-inside:avoid!important;margin-top:15mm!important;display:block!important}.invoice-print-signature-column{width:75mm!important;min-height:36mm!important}.invoice-print-only{padding:10mm 12mm 12mm!important;font-family:Arial,Helvetica,sans-serif!important;font-size:8px!important;line-height:1.3!important}.invoice-print-header{grid-template-columns:1fr auto!important;align-items:start!important;column-gap:18mm!important;min-height:25mm!important;margin-bottom:3mm!important;display:grid!important}.invoice-print-brand{align-items:center!important;gap:6px!important;min-width:0!important;display:flex!important}.invoice-print-brand img{object-fit:contain!important;flex-shrink:0!important;width:42px!important;height:auto!important;display:block!important}.invoice-print-brand:after{content:"PT OPTIMA SARANA INSTRUMEN"!important;color:#23765e!important;white-space:nowrap!important;font-size:14px!important;font-weight:700!important}.invoice-print-company{text-align:left!important;box-sizing:border-box!important;justify-self:end!important;width:75mm!important;padding-left:100px!important;font-size:7px!important;line-height:1.25!important}.invoice-print-company strong{text-align:left!important;margin-bottom:1px!important;font-size:8px!important;font-weight:700!important;display:block!important}.invoice-print-title{text-align:center!important;letter-spacing:.02em!important;margin-top:0!important;margin-bottom:5mm!important;font-size:15px!important;font-weight:800!important}.invoice-print-signature{text-align:center!important;page-break-inside:avoid!important;width:75mm!important;margin-top:17mm!important;font-size:7.5px!important;line-height:1.35!important;display:block!important}.invoice-print-signature-column{text-align:center!important;width:75mm!important;min-height:36mm!important}.invoice-print-signature-column strong{margin-bottom:1mm!important;font-size:7.5px!important;font-weight:700!important;display:block!important}.invoice-print-signature-label{margin-bottom:0!important;font-weight:700!important}.invoice-print-signature-space{height:15mm!important}.invoice-print-signature-line{border-top:1px solid #333!important;width:60mm!important;margin:0 auto 2px!important;padding-top:1mm!important}@page{size:A4 portrait;margin:0}}.payment-page{width:100%}.payment-alert{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px}.payment-toolbar{align-items:center;gap:12px;margin-bottom:16px;display:flex}.payment-toolbar .form-control{max-width:520px}.payment-table small{color:#64748b;margin-top:3px;font-size:11px;display:block}.payment-method-badge{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.payment-form-modal{width:min(980px,100vw - 40px)!important;max-width:980px!important;max-height:calc(100vh - 40px)!important;overflow:hidden!important}.payment-form-body{max-height:calc(100vh - 150px);padding:24px 28px;overflow-y:auto}.payment-form-grid{grid-template-columns:1fr 1fr;gap:18px 22px;margin-bottom:22px;display:grid}.payment-form-grid>div{min-width:0}.payment-form-grid label,.payment-form-body>div>label{color:#334155;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.payment-invoice-summary,.payment-detail-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 22px;display:grid}.payment-invoice-summary>div,.payment-detail-summary>div{background:#f8fafc;border:1px solid #dbe2ea;border-radius:8px;padding:14px 16px}.payment-invoice-summary span,.payment-detail-summary span{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.payment-invoice-summary strong,.payment-detail-summary strong{color:#1e293b;font-size:15px;display:block}.payment-invoice-summary .payment-outstanding,.payment-detail-summary .payment-outstanding{background:#eff6ff;border-color:#bfdbfe}.payment-outstanding strong{color:#1d4ed8}.payment-form-actions,.payment-detail-actions{border-top:1px solid #eef2f7;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.payment-detail-modal{width:min(900px,100vw - 40px)!important;max-width:900px!important;max-height:calc(100vh - 40px)!important;overflow:hidden!important}.payment-detail-grid>div{background:#fff;min-height:68px;padding:12px 14px}.payment-detail-grid span{color:#64748b;margin-bottom:5px;font-size:11px;display:block}.payment-detail-grid strong{color:#1e293b;font-size:13px;font-weight:600;display:block}.payment-detail-summary{grid-template-columns:repeat(2,1fr)}.payment-detail-summary .payment-detail-amount{background:#f0fdf4;border-color:#bbf7d0}.payment-detail-amount strong{color:#15803d}.payment-detail-notes>span{color:#64748b;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.payment-detail-loading{text-align:center;color:#64748b;padding:50px 28px}@media (width<=800px){.payment-form-grid,.payment-detail-grid,.payment-invoice-summary,.payment-detail-summary{grid-template-columns:1fr}}.payment-form-modal{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:12px!important;width:min(820px,100vw - 40px)!important;max-width:820px!important;max-height:calc(100vh - 60px)!important;overflow:hidden!important;box-shadow:0 20px 60px #0f172a38!important}.payment-form-modal .quotation-modal-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;padding:22px 26px 18px!important}.payment-form-modal .quotation-modal-header h2{color:#172033!important;letter-spacing:-.2px!important;margin:0!important;font-size:21px!important;font-weight:700!important}.payment-form-modal .quotation-modal-header p{color:#64748b!important;margin:5px 0 0!important;font-size:13px!important;line-height:1.5!important}.payment-form-modal .quotation-modal-header button,.payment-form-modal .modal-close,.payment-form-modal button[aria-label=Close]{border-radius:7px!important}.payment-form-body{background:#fff!important;max-height:calc(100vh - 210px)!important;padding:24px 26px!important;overflow-y:auto!important}.payment-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px 24px!important;width:100%!important;display:grid!important}.payment-form-grid>div{flex-direction:column!important;min-width:0!important;display:flex!important}.payment-form-grid label,.payment-form-body>div>label{color:#475569!important;letter-spacing:.1px!important;margin:0 0 7px!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;display:block!important}.payment-form-body input.form-control,.payment-form-body select.form-control,.payment-form-body textarea.form-control,.payment-form-body input,.payment-form-body select,.payment-form-body textarea{box-sizing:border-box!important;color:#172033!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:7px!important;width:100%!important;font-size:13px!important;transition:border-color .15s,box-shadow .15s,background .15s!important}.payment-form-body input,.payment-form-body select{height:42px!important;min-height:42px!important;padding:0 12px!important}.payment-form-body textarea{resize:vertical!important;min-height:100px!important;padding:10px 12px!important;line-height:1.5!important}.payment-form-body input:focus,.payment-form-body select:focus,.payment-form-body textarea:focus{border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 3px #2563eb1a!important}.payment-form-body input:disabled,.payment-form-body select:disabled,.payment-form-body textarea:disabled,.payment-form-body input[readonly]{color:#64748b!important;cursor:not-allowed!important;background:#f8fafc!important}.payment-form-grid>div:first-child{grid-column:1/-1!important}.payment-form-body input[name=amount]{font-size:14px!important;font-weight:600!important}.payment-invoice-summary{background:#f8fafc!important;border:1px solid #dbe3ef!important;border-radius:9px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 18px!important;margin-top:20px!important;padding:15px 17px!important;display:grid!important}.payment-invoice-summary>div{min-width:0!important}.payment-invoice-summary span{color:#64748b!important;margin-bottom:4px!important;font-size:11px!important;display:block!important}.payment-invoice-summary strong{color:#172033!important;font-size:13px!important;display:block!important}.payment-outstanding{background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:8px!important;margin-top:14px!important;padding:12px 15px!important}.payment-outstanding strong{color:#1d4ed8!important;font-size:15px!important}.payment-form-actions{background:#fff!important;border-top:1px solid #e2e8f0!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:16px 26px 20px!important;display:flex!important}.payment-form-actions button{cursor:pointer!important;border-radius:7px!important;min-height:40px!important;padding:0 18px!important;font-size:13px!important;font-weight:600!important}.payment-detail-modal{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:12px!important;width:min(820px,100vw - 40px)!important;max-width:820px!important;max-height:calc(100vh - 60px)!important;overflow:hidden!important;box-shadow:0 20px 60px #0f172a38!important}.payment-detail-body{max-height:calc(100vh - 200px)!important;padding:24px 26px!important;overflow-y:auto!important}.payment-detail-grid{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:9px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0!important;display:grid!important;overflow:hidden!important}.payment-detail-grid>div{border-bottom:1px solid #e2e8f0!important;min-width:0!important;padding:14px 16px!important}.payment-detail-grid>div:nth-child(odd){border-right:1px solid #e2e8f0!important}.payment-detail-grid>div:nth-last-child(-n+2){border-bottom:none!important}.payment-detail-grid span{color:#64748b!important;margin-bottom:5px!important;font-size:11px!important;font-weight:500!important;display:block!important}.payment-detail-grid strong{color:#172033!important;word-break:break-word!important;font-size:13px!important;font-weight:600!important;display:block!important}.payment-detail-summary{background:#f8fafc!important;border:1px solid #dbe3ef!important;border-radius:9px!important;margin-top:18px!important;padding:18px!important}.payment-detail-amount{justify-content:space-between!important;align-items:center!important;gap:20px!important;display:flex!important}.payment-detail-amount span{color:#64748b!important;font-size:12px!important}.payment-detail-amount strong{color:#172033!important;font-size:22px!important;font-weight:700!important}.payment-detail-notes{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:9px!important;margin-top:18px!important;padding:16px 18px!important}.payment-detail-notes>span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.4px!important;margin-bottom:7px!important;font-size:11px!important;font-weight:600!important;display:block!important}.payment-detail-notes p{color:#334155!important;white-space:pre-wrap!important;margin:0!important;font-size:13px!important;line-height:1.6!important}.payment-detail-actions{background:#fff!important;border-top:1px solid #e2e8f0!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:16px 26px 20px!important;display:flex!important}.payment-detail-actions button{border-radius:7px!important;min-height:40px!important;padding:0 18px!important;font-size:13px!important;font-weight:600!important}@media (width<=700px){.payment-form-modal,.payment-detail-modal{width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100vh - 24px)!important}.payment-form-grid,.payment-detail-grid{grid-template-columns:1fr!important}.payment-form-grid>div:first-child{grid-column:auto!important}.payment-detail-grid>div:nth-child(odd){border-right:none!important}.payment-detail-grid>div:nth-last-child(-n+2){border-bottom:1px solid #e2e8f0!important}.payment-detail-grid>div:last-child{border-bottom:none!important}.payment-invoice-summary{grid-template-columns:1fr!important}.payment-form-body,.payment-detail-body{padding:18px!important}.payment-form-actions,.payment-detail-actions{padding:14px 18px 18px!important}.payment-detail-amount{flex-direction:column!important;align-items:flex-start!important;gap:5px!important}}.payment-table-row-clickable{cursor:pointer;transition:background-color .15s}.payment-table-row-clickable:hover{background:#f5f8fc}.payment-table-row-clickable td{transition:background-color .15s}.payment-table-row-clickable:hover td{background:#f5f8fc}.payment-table-row-clickable .table-action{z-index:2;position:relative}.expense-page{width:100%}.expense-summary{grid-template-columns:repeat(2,minmax(180px,1fr));gap:16px;margin:16px 0;display:grid}.expense-summary>div{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.expense-summary span{color:#6b7280;font-size:13px}.expense-summary strong{font-size:20px}.expense-table-row{cursor:pointer;transition:background .15s}.expense-table-row:hover{background:#f8fafc}.expense-type{border-radius:999px;align-items:center;margin-bottom:4px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.expense-type.external{color:#c2410c;background:#fff7ed}.expense-type.internal{color:#1d4ed8;background:#eff6ff}.expense-page td small{color:#6b7280;font-size:11px;display:block}.expense-form-modal,.expense-detail-modal{background:#fff;border-radius:14px;width:min(900px,100vw - 40px);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 20px 60px #0003}.expense-form-modal{padding:0}.expense-detail-modal{width:min(760px,100vw - 40px)}.expense-form-modal .modal-header,.expense-detail-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:22px 26px;display:flex}.expense-form-modal .modal-header h2,.expense-detail-modal .modal-header h2{margin:0;font-size:20px}.expense-form-modal .modal-header p,.expense-detail-modal .modal-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.expense-form-section h3{margin:0 0 16px;font-size:14px;font-weight:700}.expense-form-grid>div{min-width:0}.expense-form-grid label{color:#374151;margin-bottom:7px;font-size:12px;font-weight:600;display:block}.expense-form-grid .form-control{box-sizing:border-box;width:100%}.expense-form-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.expense-detail-body{padding:24px 26px}.expense-detail-grid>div{background:#fff;padding:15px 16px}.expense-detail-grid span,.expense-detail-description>span{color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:11px;display:block}.expense-detail-grid strong{font-size:14px}.expense-detail-amount{font-size:17px!important}.expense-detail-description{background:#f8fafc;border-radius:10px;margin-top:20px;padding:16px}.expense-detail-description p{color:#374151;margin:0;line-height:1.6}@media (width<=700px){.expense-summary,.expense-form-grid,.expense-detail-grid{grid-template-columns:1fr}.expense-form-grid .full-width{grid-column:auto}.expense-form-modal,.expense-detail-modal{width:calc(100vw - 20px)}}.expense-form-modal{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:14px!important;width:min(860px,100vw - 36px)!important;max-width:860px!important;max-height:calc(100vh - 36px)!important;overflow:hidden!important;box-shadow:0 20px 55px #0f172a33!important}.expense-form-modal .modal-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;min-height:76px!important;padding:18px 24px!important;display:flex!important}.expense-form-modal .modal-header h2{color:#172033!important;margin:0!important;font-size:21px!important;font-weight:700!important;line-height:1.3!important}.expense-form-modal .modal-header p{color:#64748b!important;margin:5px 0 0!important;font-size:12px!important;line-height:1.45!important}.expense-form-modal .modal-close{color:#334155!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;font-size:20px!important;line-height:1!important;display:flex!important}.expense-form-modal .modal-close:hover{background:#f8fafc!important}.expense-form-modal form{flex-direction:column!important;max-height:calc(100vh - 112px)!important;display:flex!important}.expense-form-section{border-bottom:1px solid #e2e8f0!important;padding:20px 24px!important}.expense-form-section:last-of-type{border-bottom:none!important}.expense-form-section h3{color:#172033!important;margin:0 0 16px!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important}.expense-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px 22px!important;display:grid!important}.expense-form-grid .full-width{grid-column:1/-1!important}.expense-form-grid label{color:#475569!important;margin:0 0 7px!important;font-size:12px!important;font-weight:600!important;line-height:1.35!important;display:block!important}.expense-form-modal input.form-control,.expense-form-modal select.form-control,.expense-form-modal textarea.form-control{box-sizing:border-box!important;color:#172033!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:7px!important;width:100%!important;font-size:13px!important;transition:border-color .15s,box-shadow .15s,background .15s!important}.expense-form-modal input.form-control,.expense-form-modal select.form-control{height:42px!important;min-height:42px!important;padding:0 12px!important}.expense-form-modal textarea.form-control{resize:vertical!important;min-height:96px!important;padding:10px 12px!important;line-height:1.5!important}.expense-form-modal input.form-control:focus,.expense-form-modal select.form-control:focus,.expense-form-modal textarea.form-control:focus{border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 3px #2563eb1a!important}.expense-form-modal input.form-control[readonly]{color:#475569!important;cursor:default!important;background:#f8fafc!important;font-weight:600!important}.expense-form-modal input[type=number].form-control{text-align:right!important;font-weight:600!important}.expense-form-modal small{color:#64748b!important;margin-top:5px!important;font-size:11px!important;display:block!important}.expense-form-footer{background:#fff!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:16px 24px!important;display:flex!important}.expense-form-footer button{border-radius:7px!important;min-height:40px!important;padding:0 18px!important;font-size:13px!important;font-weight:600!important}.expense-form-modal form{overflow-y:auto!important}@media (width<=720px){.expense-form-modal{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100vh - 20px)!important}.expense-form-modal .modal-header{padding:16px 18px!important}.expense-form-section{padding:18px!important}.expense-form-grid{grid-template-columns:1fr!important;row-gap:15px!important}.expense-form-grid .full-width{grid-column:auto!important}.expense-form-footer{padding:14px 18px!important}}.expense-detail-modal{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:14px!important;width:min(780px,100vw - 32px)!important;max-width:780px!important;max-height:calc(100vh - 32px)!important;overflow:hidden!important;box-shadow:0 22px 60px #0f172a33!important}.expense-detail-modal .modal-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;min-height:72px!important;padding:18px 24px!important;display:flex!important}.expense-detail-modal .modal-header h2{color:#172033!important;margin:0!important;font-size:20px!important;font-weight:700!important;line-height:1.3!important}.expense-detail-modal .modal-header p{color:#64748b!important;margin:4px 0 0!important;font-size:12px!important}.expense-detail-modal .modal-close{color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;font-size:19px!important;line-height:1!important;display:flex!important}.expense-detail-modal .modal-close:hover{background:#f8fafc!important}.expense-detail-body{background:#fff!important;max-height:calc(100vh - 185px)!important;padding:22px 24px!important;overflow-y:auto!important}.expense-detail-grid{background:#e2e8f0!important;border:1px solid #dbe3ef!important;border-radius:9px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:1px!important;display:grid!important;overflow:hidden!important}.expense-detail-grid>div{background:#fff!important;min-width:0!important;min-height:72px!important;padding:13px 15px!important}.expense-detail-grid span{color:#64748b!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin-bottom:5px!important;font-size:10px!important;font-weight:600!important;line-height:1.3!important;display:block!important}.expense-detail-grid strong{color:#172033!important;word-break:break-word!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;display:block!important}.expense-detail-grid .expense-detail-amount{color:#172033!important;font-size:16px!important;font-weight:700!important}.expense-detail-description{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:9px!important;margin-top:16px!important;padding:14px 16px!important}.expense-detail-description>span{color:#64748b!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin-bottom:6px!important;font-size:10px!important;font-weight:600!important;display:block!important}.expense-detail-description p{color:#334155!important;white-space:pre-wrap!important;margin:0!important;font-size:13px!important;line-height:1.55!important}.expense-detail-description p:empty:before{content:"-"!important;color:#94a3b8!important}.expense-detail-modal .expense-form-footer{background:#fff!important;border-top:1px solid #e2e8f0!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;min-height:68px!important;padding:14px 24px!important;display:flex!important}.expense-detail-modal .expense-form-footer button{border-radius:7px!important;min-height:40px!important;padding:0 18px!important;font-size:13px!important;font-weight:600!important}@media (width<=700px){.expense-detail-modal{width:calc(100vw - 20px)!important;max-width:none!important;max-height:calc(100vh - 20px)!important}.expense-detail-modal .modal-header{padding:16px 18px!important}.expense-detail-body{padding:18px!important}.expense-detail-grid{grid-template-columns:1fr!important}.expense-detail-grid>div{min-height:auto!important}.expense-detail-modal .expense-form-footer{padding:14px 18px!important}}.management-dashboard{width:100%}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.dashboard-header h1{margin:0;font-size:24px;font-weight:700}.dashboard-header p{color:#64748b;margin:5px 0 0;font-size:13px}.management-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.management-kpi-card{background:#fff;border:1px solid #dbe3ef;border-radius:10px;min-width:0;padding:18px;box-shadow:0 2px 8px #0f172a0a}.management-kpi-card span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600;display:block}.management-kpi-card strong{color:#172033;margin-top:9px;font-size:24px;line-height:1.1;display:block}.management-kpi-card small{color:#94a3b8;margin-top:7px;font-size:11px;display:block}.management-kpi-card.warning{border-top:3px solid #f59e0b}.management-kpi-card.success{border-top:3px solid #16a34a}.management-kpi-card.expense{border-top:3px solid #dc2626}.dashboard-management-card{background:#fff;border:1px solid #dbe3ef;border-radius:10px;margin-bottom:18px;padding:20px;box-shadow:0 2px 8px #0f172a0a}.dashboard-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.dashboard-card-header h2{color:#172033;margin:0;font-size:15px;font-weight:700}.dashboard-card-header p{color:#64748b;margin:4px 0 0;font-size:12px}.dashboard-two-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.dashboard-empty{text-align:center;color:#94a3b8;padding:35px 15px;font-size:13px}.dashboard-empty-cell{text-align:center;color:#94a3b8;padding:25px!important}.monthly-chart{min-height:280px}.monthly-chart-grid{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));align-items:stretch;gap:10px;height:220px;display:grid}.monthly-column{flex-direction:column;justify-content:flex-end;min-width:0;display:flex}.monthly-bars{justify-content:center;align-items:flex-end;gap:4px;height:190px;display:flex}.monthly-bar{border-radius:4px 4px 0 0;width:12px;min-height:4px}.monthly-bar.quotation{background:#64748b}.monthly-bar.sales-order{background:#2563eb}.monthly-column>span{text-align:center;color:#64748b;margin-top:8px;font-size:10px}.chart-legend{align-items:center;gap:20px;margin-top:14px;display:flex}.chart-legend span{color:#64748b;align-items:center;gap:6px;font-size:11px;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot.quotation{background:#64748b}.legend-dot.sales-order{background:#2563eb}.management-bars{flex-direction:column;gap:16px;display:flex}.management-bar-row{min-width:0}.management-bar-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.management-bar-label strong{color:#334155;font-size:12px}.management-bar-label span{color:#64748b;flex-shrink:0;font-size:11px}.management-bar-track{background:#eef2f7;border-radius:999px;width:100%;height:9px;overflow:hidden}.management-bar-fill{border-radius:999px;height:100%}.management-bar-fill.sales{background:#2563eb}.management-bar-fill.expense{background:#dc2626}.dashboard-project-table-wrapper{overflow-x:auto}.dashboard-project-table{border-collapse:collapse;width:100%}.dashboard-project-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #dbe3ef;padding:10px 12px;font-size:10px;font-weight:700}.dashboard-project-table td{color:#334155;border-bottom:1px solid #eef2f7;padding:13px 12px;font-size:12px}.dashboard-project-table tbody tr:last-child td{border-bottom:none}.margin-positive{color:#15803d;background:#ecfdf5;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.margin-negative{color:#b91c1c;background:#fef2f2;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.dashboard-quick-actions a{background:#fff;border:1px solid #dbe3ef;border-radius:8px;flex-direction:column;gap:5px;padding:14px 15px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.dashboard-quick-actions a:hover{background:#f8fbff;border-color:#93c5fd;transform:translateY(-1px)}.dashboard-quick-actions strong{color:#172033;font-size:12px}.dashboard-quick-actions small{color:#64748b;font-size:10px}@media (width<=1200px){.management-kpi-grid,.dashboard-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.management-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two-column{grid-template-columns:1fr}.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.management-kpi-grid,.dashboard-quick-actions{grid-template-columns:1fr}.dashboard-header{flex-direction:column}}.dashboard-so-selector{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-width:250px;height:40px;padding:0 12px;font-size:12px;font-weight:600}.dashboard-so-selector:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.project-costing-kpi{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.project-costing-kpi>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.project-costing-kpi span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:10px;display:block}.project-costing-kpi strong{color:#172033;font-size:13px;line-height:1.35;display:block}.project-costing-kpi .margin-positive,.project-costing-kpi .margin-negative{background:0 0;padding:0;font-size:13px}.project-costing-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.project-costing-panel{background:#fff;border:1px solid #dbe3ef;border-radius:9px;overflow:hidden}.project-costing-panel-title{color:#475569;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 15px;font-size:11px;font-weight:700}.project-cost-line{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:11px 15px;display:flex}.project-cost-line span{color:#64748b;font-size:12px}.project-cost-line strong{color:#172033;font-size:12px}.project-cost-line.total{background:#f8fafc;border-bottom:none}.project-cost-line.total span,.project-cost-line.total strong{color:#172033;font-weight:700}.project-variance-box{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.project-variance-box>div{background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:15px}.project-variance-box span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:10px;display:block}.project-variance-box strong{color:#172033;font-size:16px;display:block}.variance-positive{color:#15803d!important}.variance-negative{color:#b91c1c!important}@media (width<=1200px){.project-costing-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.dashboard-card-header{flex-direction:column;gap:12px}.dashboard-so-selector{width:100%}.project-costing-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.project-costing-grid{grid-template-columns:1fr}}@media (width<=520px){.project-costing-kpi,.project-variance-box{grid-template-columns:1fr}}.project-cost-report-page{width:100%}.project-cost-report-page .page-heading{margin-bottom:20px}.project-cost-report-card{box-sizing:border-box;background:#fff;border:1px solid #dbe3ef;border-radius:12px;width:100%;margin-bottom:18px;padding:22px;box-shadow:0 2px 8px #0f172a0a}.project-cost-report-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.project-cost-report-header h2{color:#172033;margin:0;font-size:18px;font-weight:700;line-height:1.35}.project-cost-report-header p{color:#64748b;margin:5px 0 0;font-size:12px}.project-cost-report-selector{color:#172033;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:260px;height:40px;padding:0 12px;font-size:12px;font-weight:600}.project-cost-report-selector:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.project-cost-report-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.project-cost-report-kpis>div{background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;min-width:0;padding:14px 15px}.project-cost-report-kpis span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px;font-size:10px;font-weight:600;line-height:1.3;display:block}.project-cost-report-kpis strong{color:#172033;word-break:break-word;font-size:13px;line-height:1.4;display:block}.report-margin-positive{font-weight:700;color:#15803d!important}.report-margin-negative{font-weight:700;color:#b91c1c!important}.project-cost-report-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.project-cost-report-panel{background:#fff;border:1px solid #dbe3ef;border-radius:9px;overflow:hidden}.project-cost-report-panel-title{color:#475569;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 15px;font-size:11px;font-weight:700}.project-cost-report-line{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:11px 15px;display:flex}.project-cost-report-line span{color:#64748b;font-size:12px}.project-cost-report-line strong{color:#172033;font-size:12px;font-weight:600}.project-cost-report-line.total{background:#f8fafc;border-bottom:none}.project-cost-report-line.total span,.project-cost-report-line.total strong{color:#172033;font-weight:700}.project-cost-report-variance{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.project-cost-report-variance>div{background:#fff;border:1px solid #dbe3ef;border-radius:8px;padding:15px 16px}.project-cost-report-variance span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.project-cost-report-variance strong{color:#172033;font-size:16px;display:block}.report-variance-positive{font-weight:700;color:#15803d!important}.report-variance-negative{font-weight:700;color:#b91c1c!important}.project-cost-report-table-wrapper{width:100%;overflow-x:auto}.project-cost-report-table{border-collapse:collapse;table-layout:auto;width:100%}.project-cost-report-table thead th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #dbe3ef;padding:11px 12px;font-size:10px;font-weight:700}.project-cost-report-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:13px 12px;font-size:12px}.project-cost-report-table tbody tr:last-child td{border-bottom:none}.project-cost-report-row{cursor:pointer;transition:background .15s}.project-cost-report-row:hover{background:#f8fafc}.project-cost-report-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:13px}@media (width<=1200px){.project-cost-report-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=850px){.project-cost-report-header{flex-direction:column}.project-cost-report-selector{width:100%}.project-cost-report-columns{grid-template-columns:1fr}}@media (width<=700px){.project-cost-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.project-cost-report-variance{grid-template-columns:1fr}}@media (width<=480px){.project-cost-report-kpis{grid-template-columns:1fr}}.overhead-cost-report-page{width:100%}.overhead-cost-report-page .page-heading{margin-bottom:20px}.overhead-report-summary{grid-template-columns:repeat(2,minmax(0,280px))!important;gap:12px!important;margin:0 0 18px!important;display:grid!important}.overhead-report-summary>div{background:#fff!important;border:1px solid #dbe3ef!important;border-radius:10px!important;padding:17px 18px!important;box-shadow:0 2px 8px #0f172a0a!important}.overhead-report-summary span{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin-bottom:7px!important;font-size:10px!important;font-weight:600!important;line-height:1.3!important;display:block!important}.overhead-report-summary strong{color:#172033!important;font-size:20px!important;font-weight:700!important;line-height:1.2!important;display:block!important}.overhead-report-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #dbe3ef!important;border-radius:12px!important;width:100%!important;margin-bottom:18px!important;padding:22px!important;box-shadow:0 2px 8px #0f172a0a!important}.overhead-report-header{justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;margin-bottom:18px!important;display:flex!important}.overhead-report-header h2{color:#172033!important;margin:0!important;font-size:18px!important;font-weight:700!important;line-height:1.35!important}.overhead-report-header p{color:#64748b!important;margin:5px 0 0!important;font-size:12px!important}.overhead-report-table-wrapper{border:1px solid #dbe3ef!important;border-radius:9px!important;width:100%!important;overflow-x:auto!important}.overhead-report-table{border-collapse:collapse!important;background:#fff!important;width:100%!important;min-width:900px!important}.overhead-report-table thead th{color:#64748b!important;text-align:left!important;text-transform:uppercase!important;letter-spacing:.04em!important;white-space:nowrap!important;background:#f8fafc!important;border-bottom:1px solid #dbe3ef!important;padding:12px 13px!important;font-size:10px!important;font-weight:700!important}.overhead-report-table tbody td{color:#334155!important;vertical-align:middle!important;white-space:nowrap!important;border-bottom:1px solid #eef2f7!important;padding:13px!important;font-size:12px!important}.overhead-report-table tbody tr:last-child td{border-bottom:none!important}.overhead-report-table tbody tr:hover{background:#f8fafc!important}.overhead-report-table td.text-right strong{color:#172033!important;font-size:12px!important;font-weight:700!important}.overhead-report-table td:nth-child(3){font-weight:600!important}.overhead-report-table td:nth-child(3):first-letter{text-transform:uppercase!important}.overhead-report-empty{text-align:center!important;color:#94a3b8!important;background:#fff!important;padding:45px 20px!important;font-size:13px!important}@media (width<=800px){.overhead-report-summary{grid-template-columns:1fr!important}.overhead-report-card{padding:18px!important}.overhead-report-header{flex-direction:column!important}}@media (width<=520px){.overhead-report-summary{grid-template-columns:1fr!important}}@media (width<=700px){.dashboard-year-selector{width:100%}}.dashboard-year-selector{color:#172033;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-width:100px;height:36px;padding:0 10px;font-size:12px;font-weight:600}.dashboard-year-selector:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}@media (width<=700px){.dashboard-year-selector{width:100%}}@media (width<=700px){.dashboard-header-actions{justify-content:flex-start;width:100%}.dashboard-header-actions .dashboard-year-selector{flex:1}}.dashboard-header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.dashboard-header-actions .dashboard-year-selector{min-width:92px;height:36px}.dashboard-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.dashboard-quick-actions a{border:1px solid #dbe3ef!important;border-radius:9px!important;flex-direction:column!important;justify-content:center!important;min-height:78px!important;padding:15px 18px!important;text-decoration:none!important;transition:transform .15s,box-shadow .15s!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 6px #0f172a0a!important}.dashboard-quick-actions a:before{content:""!important;width:6px!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important}.dashboard-quick-actions a strong{color:#172033!important;text-transform:uppercase!important;letter-spacing:.02em!important;margin:0 0 7px!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;display:block!important}.dashboard-quick-actions a small{color:#64748b!important;margin:0!important;font-size:11px!important;line-height:1.35!important;display:block!important}.dashboard-quick-actions a:first-child{background:#eff6ff!important;border-color:#bfdbfe!important}.dashboard-quick-actions a:first-child:before{background:#2563eb!important}.dashboard-quick-actions a:nth-child(2){background:#ecfdf5!important;border-color:#bbf7d0!important}.dashboard-quick-actions a:nth-child(2):before{background:#16a34a!important}.dashboard-quick-actions a:nth-child(3){background:#fff7ed!important;border-color:#fed7aa!important}.dashboard-quick-actions a:nth-child(3):before{background:#ea580c!important}.dashboard-quick-actions a:nth-child(4){background:#f0fdf4!important;border-color:#bbf7d0!important}.dashboard-quick-actions a:nth-child(4):before{background:#15803d!important}.dashboard-quick-actions a:nth-child(5){background:#fef2f2!important;border-color:#fecaca!important}.dashboard-quick-actions a:nth-child(5):before{background:#dc2626!important}.dashboard-quick-actions a:hover{transform:translateY(-2px)!important;box-shadow:0 6px 14px #0f172a14!important}@media (width<=1200px){.dashboard-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=800px){.dashboard-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=520px){.dashboard-quick-actions{grid-template-columns:1fr!important}}.brand-info b{color:#166534!important;letter-spacing:.01em!important;text-transform:uppercase!important;white-space:nowrap!important;font-size:13px!important;font-weight:800!important;display:block!important}.brand-info small{color:#64748b!important;margin-top:2px!important;font-size:10px!important;font-weight:500!important;display:block!important}.brand-info b{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;letter-spacing:normal!important;text-transform:none!important}.brand-info small{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}header .brand-info b,header .header-brand b,header .topbar-brand b{color:#166534!important;text-transform:uppercase!important;font-weight:800!important}header .brand-info small,header .header-brand small,header .topbar-brand small{color:#64748b!important}.top-header-brand{flex-direction:column;justify-content:center;display:flex}.top-header-brand b{display:block;color:#166534!important;letter-spacing:.01em!important;text-transform:uppercase!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important}.top-header-brand small{margin-top:2px;display:block;color:#64748b!important;font-size:10px!important;font-weight:500!important;line-height:1.3!important}@media (width<=700px){.top-header-brand b{font-size:14px!important}}.sidebar .brand-info b{font-weight:700!important}