:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.pos-layout{background:#f4f7fb;width:100%;min-height:100vh;display:flex}.pos-sidebar{color:#fff;z-index:100;background:#101c30;flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #26364e;justify-content:space-between;align-items:center;min-height:88px;padding:26px 22px 18px;display:flex}.sidebar-brand span{color:#fff;letter-spacing:.5px;font-size:15px;font-weight:800;line-height:1.5}.sidebar-menu-scroll{scrollbar-width:thin;scrollbar-color:#41516a transparent;flex:1;min-height:0;padding:16px 12px 20px;overflow:hidden auto}.sidebar-menu-scroll::-webkit-scrollbar{width:5px}.sidebar-menu-scroll::-webkit-scrollbar-thumb{background:#41516a;border-radius:10px}.menu-group{margin-bottom:10px}.menu-group-toggle{color:#8fa1ba;text-align:left;letter-spacing:1.1px;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:13px 12px 9px;font-family:inherit;font-size:10px;font-weight:800;transition:background .2s,color .2s;display:flex}.menu-group-toggle:hover{color:#fff;background:#1a2a43}.menu-group-toggle svg{opacity:.75;flex-shrink:0}.sidebar-nav{flex-direction:column;gap:3px;margin-top:5px;display:flex}.nav-item{color:#c3cede;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:42px;padding:11px 13px;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.4;transition:background .2s,color .2s;display:flex}.nav-item svg{color:#9aabc2;flex-shrink:0}.nav-item:hover{color:#fff;background:#1d304c}.nav-item:hover svg{color:#fff}.nav-item.active{color:#fff;background:#2563eb;font-weight:700;box-shadow:0 4px 12px #2563eb33}.nav-item.active svg{color:#fff}.sidebar-footer{border-top:1px solid #26364e;flex-direction:column;gap:5px;padding:18px 22px;display:flex}.sidebar-footer span{color:#e2e8f0;font-size:11px;font-weight:700}.sidebar-footer small{color:#8295af;font-size:10px}.pos-main{flex-direction:column;flex:1;min-width:0;display:flex}.pos-header{background:#fff;border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px 28px;display:flex}.header-title{flex-direction:column;gap:5px;min-width:0;display:flex}.header-title strong{color:#111c30;letter-spacing:.2px;font-size:16px;font-weight:800}.header-title span{color:#64748b;font-size:12px}.branch-selector{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;max-width:220px;min-height:42px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:700}.branch-selector:focus-visible,.nav-item:focus-visible,.menu-group-toggle:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}.pos-content{flex:1;padding:28px}.menu-toggle,.mobile-close{color:inherit;cursor:pointer;background:0 0;border:0;display:none}.sidebar-overlay{display:none}@media (width<=1000px){.pos-content{padding:22px}.pos-header{padding:14px 22px}}@media (width<=768px){.pos-sidebar{height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0000001f}.pos-sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:90;background:#0f172a8c;border:0;display:block;position:fixed;inset:0}.menu-toggle,.mobile-close{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.menu-toggle{color:#111c30;padding:7px}.mobile-close{color:#fff;padding:5px}.pos-header{min-height:72px;padding:12px 16px}.header-title strong{font-size:12px}.header-title span{display:none}.branch-selector{min-width:0;max-width:150px;padding:0 6px;font-size:10px}.pos-content{padding:16px}}.nav-item{text-decoration:none}.nav-item:visited{color:#c3cede}.nav-item.active:visited{color:#fff}.pos-sidebar .sidebar-nav .nav-item,.pos-sidebar .sidebar-nav .nav-item:link,.pos-sidebar .sidebar-nav .nav-item:visited,.pos-sidebar .sidebar-nav .nav-item:hover,.pos-sidebar .sidebar-nav .nav-item:focus{text-decoration:none}.pos-sidebar .sidebar-nav .nav-item:visited{color:#c3cede}.pos-sidebar .sidebar-nav .nav-item.active,.pos-sidebar .sidebar-nav .nav-item.active:visited{color:#fff}.pos-profile{margin-left:12px;position:relative}.pos-profile-trigger{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #dbe3ee;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.pos-profile-trigger span{flex-direction:column;align-items:flex-start;display:flex}.pos-profile-trigger strong{font-size:13px}.pos-profile-trigger small{color:#64748b;font-size:11px}.pos-profile-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:230px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000026}.pos-profile-details{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:4px;padding:8px;display:flex}.pos-profile-details small{color:#64748b}.pos-logout-button{color:#dc2626;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:8px;padding:12px 8px;font-weight:600;display:flex}.pos-logout-button:hover{background:#fef2f2}.pos-logout-button:disabled{opacity:.6;cursor:not-allowed}.pos-logout-error{color:#dc2626;margin:6px 8px;font-size:12px}@media (width<=600px){.pos-profile-trigger span{display:none}.pos-profile{margin-left:4px}}.checkout-page{color:#142238;width:100%;max-width:1650px;margin:0 auto}.checkout-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.checkout-heading h1{color:#111c30;margin:0 0 7px;font-size:27px;font-weight:800}.checkout-heading p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.checkout-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;padding:9px 13px;font-size:11px;font-weight:700;display:inline-flex}.checkout-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:20px;display:grid}.checkout-products,.checkout-cart{background:#fff;border:1px solid #e2e8f0;border-radius:15px;min-width:0;box-shadow:0 4px 18px #0f172a09}.checkout-products{min-height:580px;padding:24px}.checkout-cart{padding:22px}.checkout-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.checkout-section-header h2{color:#111c30;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:800;display:flex}.checkout-section-header h2 svg{color:#2563eb}.checkout-section-header>span{color:#94a3b8;font-size:11px;font-weight:600}.checkout-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;min-height:49px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex}.checkout-search:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.checkout-search svg{color:#64748b;flex-shrink:0}.checkout-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.checkout-search input::placeholder{color:#94a3b8}.checkout-empty{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;padding:30px 18px;display:flex}.checkout-empty svg{color:#a3b3c8}.checkout-empty h3{color:#334155;margin:0;font-size:16px;font-weight:700}.checkout-empty p{color:#94a3b8;max-width:330px;margin:0;font-size:12px;line-height:1.7}.checkout-cart-items{min-height:110px;max-height:320px;margin-bottom:18px;overflow-y:auto}.checkout-cart-empty{min-height:110px;padding:15px}.checkout-cart-item{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:15px 0;display:flex}.checkout-item-info{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.checkout-item-info strong{color:#111c30;font-size:13px;font-weight:700}.checkout-item-info span{color:#334155;white-space:nowrap;font-size:12px;font-weight:700}.checkout-quantity{align-items:center;gap:10px;display:flex}.checkout-quantity button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.checkout-quantity button:hover{color:#2563eb;background:#eff6ff}.checkout-quantity span{text-align:center;color:#0f172a;min-width:20px;font-size:13px;font-weight:700}.checkout-quantity button:last-child{color:#dc2626;margin-left:auto}.checkout-totals{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:18px 0}.checkout-totals>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.checkout-totals>div:last-child{margin-bottom:0}.checkout-totals span{color:#64748b;font-size:13px}.checkout-totals strong{color:#111c30;font-size:14px;font-weight:700}.checkout-totals .checkout-grand-total{border-top:1px dashed #e2e8f0;padding-top:12px}.checkout-grand-total span{color:#111c30;font-size:15px;font-weight:800}.checkout-grand-total strong{color:#2563eb;font-size:23px;font-weight:800}.checkout-payment{padding-top:22px}.checkout-payment h3{color:#111c30;margin:0 0 15px;font-size:15px;font-weight:800}.checkout-payment-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.checkout-payment-options button{color:#475569;min-height:77px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.checkout-payment-options button:hover{background:#f8fbff;border-color:#93c5fd}.checkout-payment-options button.selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.checkout-payment-options button svg{flex-shrink:0}.checkout-field{color:#334155;flex-direction:column;gap:8px;margin-bottom:15px;font-size:12px;font-weight:700;display:flex}.checkout-field input{color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:10px 12px;font-size:13px;font-weight:500}.checkout-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.checkout-field input::placeholder{color:#94a3b8}.checkout-credit-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:11px;padding:14px;font-size:12px;line-height:1.7;display:flex}.checkout-credit-note svg{flex-shrink:0;margin-top:2px}.checkout-complete{color:#fff;width:100%;min-height:49px;font:inherit;background:#2563eb;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:12px;font-size:12px;font-weight:800;display:flex}.checkout-complete:disabled{color:#475569;cursor:not-allowed;background:#cbd5e1}.checkout-security-note{color:#94a3b8;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.6}.checkout-payment-options button:focus-visible,.checkout-quantity button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media (width<=1200px){.checkout-layout{grid-template-columns:minmax(0,1fr) 340px;gap:15px}.checkout-products,.checkout-cart{padding:18px}}@media (width<=950px){.checkout-layout{grid-template-columns:1fr}.checkout-products{min-height:300px}.checkout-cart{width:100%}}@media (width<=600px){.checkout-heading{flex-direction:column;align-items:flex-start;gap:12px}.checkout-heading h1{font-size:23px}.checkout-products,.checkout-cart{border-radius:12px;padding:15px}.checkout-section-header h2{font-size:15px}.checkout-payment-options{gap:8px}.checkout-grand-total strong{font-size:20px}}.checkout-workflow-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:24px;padding:20px}.checkout-workflow-preview h3{color:#0f172a;align-items:center;gap:10px;margin:0 0 10px;font-size:15px;font-weight:800;display:flex}.checkout-workflow-preview h3 svg{color:#2563eb}.checkout-workflow-preview p{color:#64748b;max-width:480px;margin:0;font-size:12px;line-height:1.7}.checkout-workflow-preview button{color:#64748b;font:inherit;cursor:not-allowed;background:#e2e8f0;border:none;border-radius:9px;justify-content:center;align-items:center;gap:9px;margin-top:16px;padding:12px 16px;font-size:12px;font-weight:700;display:inline-flex}.checkout-discount{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:22px;padding:18px}.checkout-discount h3{color:#0f172a;align-items:center;gap:9px;margin:0 0 8px;font-size:15px;font-weight:800;display:flex}.checkout-discount h3 svg{color:#2563eb}.checkout-discount>p{color:#64748b;margin:0 0 16px;font-size:12px;line-height:1.6}.checkout-discount-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.checkout-discount .checkout-field select{color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:10px;font-size:12px}.checkout-discount-request{color:#64748b;width:100%;min-height:44px;font:inherit;cursor:not-allowed;background:#e2e8f0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:700;display:flex}@media (width<=500px){.checkout-discount-grid{grid-template-columns:1fr}}.checkout-workflow-preview button:not(:disabled){color:#fff;cursor:pointer;pointer-events:auto;opacity:1;background:#2563eb;border:none}.checkout-workflow-preview button:not(:disabled):hover{background:#1d4ed8}.mechanic-page{color:#0f172a;width:100%;min-width:0;padding:4px 0 30px}.mechanic-page *{box-sizing:border-box}.mechanic-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.mechanic-heading h1{letter-spacing:-.7px;margin:0 0 7px;font-size:27px;font-weight:800}.mechanic-heading p{color:#64748b;margin:0;font-size:13px;line-height:1.6}.mechanic-new-button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:11px 18px;font-size:13px;font-weight:700;transition:background .2s;display:inline-flex}.mechanic-new-button:hover{background:#1d4ed8}.mechanic-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:22px;padding:14px 16px;font-size:12px;font-weight:600;line-height:1.6;display:flex}.mechanic-warning svg{flex-shrink:0}.mechanic-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.mechanic-stat{background:#fff;border:1px solid #e2e8f0;border-radius:13px;flex-direction:column;gap:10px;padding:19px 20px;display:flex;box-shadow:0 2px 8px #0f172a08}.mechanic-stat span{color:#64748b;font-size:12px;font-weight:600}.mechanic-stat strong{letter-spacing:-.5px;overflow-wrap:anywhere;font-size:23px;font-weight:800}.mechanic-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr);align-items:start;gap:20px;display:grid}.mechanic-jobs-panel,.mechanic-details-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:0;padding:20px;box-shadow:0 3px 12px #0f172a09}.mechanic-details-panel{min-height:420px}.mechanic-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.mechanic-panel-heading h2{align-items:center;gap:9px;margin:0;font-size:16px;font-weight:800;display:flex}.mechanic-panel-heading h2 svg{color:#2563eb}.mechanic-panel-heading p{color:#94a3b8;margin:5px 0 0;font-size:11px}.mechanic-panel-heading>span:not(.mechanic-status){color:#64748b;font-size:12px}.mechanic-search{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;height:45px;margin-bottom:18px;padding:0 13px;display:flex}.mechanic-search:focus-within{background:#fff;border-color:#2563eb}.mechanic-search input{color:#0f172a;width:100%;min-width:0;font:inherit;background:0 0;border:none;outline:none;font-size:12px}.mechanic-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:24px 12px;display:flex}.mechanic-empty svg{color:#94a3b8;margin-bottom:12px}.mechanic-empty h3{margin:0 0 8px;font-size:14px;font-weight:800}.mechanic-empty p{color:#64748b;max-width:300px;margin:0;font-size:12px;line-height:1.7}.mechanic-job-list{flex-direction:column;gap:10px;max-height:650px;display:flex;overflow-y:auto}.mechanic-job-card{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:11px;width:100%;padding:15px;transition:all .2s;display:block}.mechanic-job-card:hover{background:#f8fafc;border-color:#93c5fd}.mechanic-job-card.active{background:#eff6ff;border-color:#2563eb}.mechanic-job-card>div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.mechanic-job-card>div strong{color:#2563eb;font-size:12px}.mechanic-job-card h3{margin:0 0 6px;font-size:14px;font-weight:800}.mechanic-job-card p{color:#64748b;margin:0 0 12px;font-size:11px}.mechanic-job-card>strong{font-size:15px;font-weight:800}.mechanic-status{color:#92400e;letter-spacing:.3px;background:#fef3c7;border-radius:7px;justify-content:center;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.mechanic-customer-details{background:#f8fafc;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;padding:15px;display:grid}.mechanic-customer-details p{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;margin:0;font-size:12px;font-weight:600;display:flex}.mechanic-customer-details svg{color:#64748b;flex-shrink:0}.mechanic-parts-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.mechanic-part-row{border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.mechanic-part-row>div:first-child{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.mechanic-part-row>div:first-child strong{font-size:12px}.mechanic-part-row>div:first-child span{color:#64748b;font-size:11px}.mechanic-part-row>strong{white-space:nowrap;font-size:12px}.mechanic-quantity{align-items:center;gap:10px;display:flex}.mechanic-quantity button{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.mechanic-quantity button:hover{color:#1d4ed8;background:#dbeafe}.mechanic-quantity strong{text-align:center;min-width:20px;font-size:13px}.mechanic-total{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:20px 0;display:flex}.mechanic-total span{color:#475569;font-size:13px;font-weight:700}.mechanic-total strong{font-size:22px;font-weight:800}.mechanic-pay-button{color:#64748b;cursor:not-allowed;background:#e2e8f0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;padding:12px;font-size:12px;font-weight:800;display:flex}.mechanic-modal-backdrop{z-index:1000;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mechanic-modal{background:#fff;border-radius:15px;width:100%;max-width:470px;padding:25px;box-shadow:0 20px 60px #0003}.mechanic-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.mechanic-modal-header h2{margin:0;font-size:19px;font-weight:800}.mechanic-modal-header button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mechanic-modal form{flex-direction:column;gap:17px;display:flex}.mechanic-modal form label{color:#334155;flex-direction:column;gap:8px;font-size:12px;font-weight:700;display:flex}.mechanic-modal form input{color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:11px 13px;font-size:13px}.mechanic-modal form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mechanic-modal form .mechanic-new-button{margin-top:6px}@media (width<=1100px){.mechanic-layout{grid-template-columns:1fr}}@media (width<=700px){.mechanic-heading{flex-direction:column;align-items:flex-start}.mechanic-summary{grid-template-columns:1fr}.mechanic-heading h1{font-size:23px}.mechanic-jobs-panel,.mechanic-details-panel{padding:16px}.mechanic-customer-details{grid-template-columns:1fr}.mechanic-part-row{flex-wrap:wrap}.mechanic-modal{padding:20px}}.login-page{background:linear-gradient(135deg,#0f172a,#1e3a5f);justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Arial,sans-serif;display:flex}.login-card{background:#fff;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:420px;padding:40px 32px;display:flex;box-shadow:0 20px 60px #00000040}.login-icon{color:#1d4ed8;background:#e0edff;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 8px;display:flex}.login-card h1{text-align:center;color:#0f172a;margin:0;font-size:24px}.login-card p{text-align:center;color:#64748b;margin:0 0 18px;font-size:14px}.login-card label{color:#334155;font-size:14px;font-weight:600}.login-input{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:10px;padding:0 12px;display:flex}.login-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.login-input input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;height:48px;font-size:15px}.login-input button{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.login-error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:12px;font-size:13px}.login-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;height:48px;margin-top:12px;font-size:16px;font-weight:700}.login-submit:hover{background:#1d4ed8}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-card small{text-align:center;color:#64748b;margin-top:12px;font-size:12px}@media (width<=480px){.login-card{padding:30px 22px}.login-card h1{font-size:20px}}#root{width:100%;min-height:100vh}.owner-dashboard{width:100%;max-width:1600px;margin:0 auto}.dashboard-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.dashboard-heading h1{color:#111c30;margin:0 0 8px;font-size:28px;font-weight:800}.dashboard-heading p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.dashboard-status{color:#9a3412;white-space:nowrap;background:#fff7ed;border-radius:9px;align-items:center;padding:10px 14px;font-size:12px;font-weight:700;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:34px;display:grid}.stat-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:22px;box-shadow:0 4px 16px #0f172a08}.stat-top{color:#64748b;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.stat-top svg{color:#2563eb;flex-shrink:0}.stat-card>strong{color:#0f172a;margin:18px 0 10px;font-size:29px;font-weight:800;display:block}.stat-card small{color:#94a3b8;font-size:12px}.dashboard-section-heading{margin:28px 0 16px}.dashboard-section-heading h2{color:#111c30;margin:0 0 5px;font-size:20px;font-weight:800}.dashboard-section-heading p{color:#64748b;margin:0;font-size:13px}.branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.branch-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:22px;box-shadow:0 4px 16px #0f172a08}.branch-card-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.branch-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.branch-card-heading h3{color:#111c30;margin:0 0 5px;font-size:16px;font-weight:800}.branch-card-heading span{color:#64748b;font-size:12px}.branch-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.branch-metrics div{flex-direction:column;gap:7px;display:flex}.branch-metrics span{color:#64748b;font-size:12px}.branch-metrics strong{color:#111c30;font-size:19px;font-weight:800}.branch-note{color:#94a3b8;border-top:1px solid #e5eaf1;margin:22px 0 0;padding-top:14px;font-size:12px}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.overview-card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:22px;box-shadow:0 4px 16px #0f172a08}.overview-card svg{color:#2563eb}.overview-card h3{color:#111c30;margin:15px 0 8px;font-size:16px;font-weight:800}.overview-card p{color:#64748b;margin:0 0 18px;font-size:13px;line-height:1.7}.overview-card strong{color:#94a3b8;font-size:12px}@media (width<=1100px){.stats-grid,.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.dashboard-heading{flex-direction:column;gap:12px}.dashboard-status{white-space:normal}.stats-grid,.branch-grid,.overview-grid{grid-template-columns:1fr}.stat-card,.branch-card,.overview-card{padding:18px}.dashboard-heading h1{font-size:24px}.branch-metrics{gap:16px}}