86:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f2937;background:#f8fafc}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:240px;padding:24px 16px;background:#111827;color:#fff}.app-brand{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.app-brand strong{font-size:20px}.app-brand span{font-size:12px;opacity:.7}.app-nav{display:flex;flex-direction:column;gap:6px}.app-nav a{padding:10px 12px;border-radius:8px;color:#d1d5db;text-decoration:none}.app-nav a:hover,.app-nav a.active{background:#374151;color:#fff}.app-main{flex:1;min-width:0}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 24px;border-bottom:1px solid #e5e7eb;background:#fff}.app-header h1{margin:0;font-size:20px}.app-user{font-size:14px;color:#6b7280}.app-content{padding:24px}.dashboard-welcome{padding:24px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.dashboard-welcome h2{margin:0 0 8px}.dashboard-welcome p{margin:0;color:#6b7280}@media(max-width:768px){.app-sidebar{width:190px}.app-header{padding:0 16px}.app-content{padding:16px}}.dashboard-welcome{margin-bottom:20px}.dashboard-welcome h2{font-size:24px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-card{padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0000000a}.dashboard-card-label{display:block;margin-bottom:10px;color:#6b7280;font-size:13px;font-weight:500}.dashboard-card strong{display:block;color:#111827;font-size:24px;line-height:1.2}.dashboard-status{margin:16px 0 0;color:#6b7280;font-size:13px}@media(max-width:1000px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dashboard-stats{grid-template-columns:1fr}.dashboard-welcome{padding:20px}.dashboard-welcome h2{font-size:20px}.dashboard-card{padding:18px}}.store-table-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}.store-table-wrapper{width:100%;overflow-x:auto}.store-table{width:100%;border-collapse:collapse;min-width:850px}.store-table th,.store-table td{padding:13px 16px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.store-table th{background:#f8fafc;color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.store-table td{color:#374151;font-size:14px}.store-table tbody tr:hover{background:#f8fafc}.store-status{display:inline-block;padding:4px 8px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:600}.transaction-card{margin-top:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}.transaction-toolbar{display:flex;gap:16px;padding:16px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.transaction-toolbar>div{display:flex;flex-direction:column;gap:6px}.transaction-toolbar label{font-size:12px;font-weight:600;color:#6b7280}.transaction-toolbar input,.transaction-toolbar select{min-width:220px;padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font:inherit}#transaction-loading,#transaction-error{padding:24px}#transaction-error{color:#b91c1c}.empty-state{padding:48px 24px;text-align:center}.empty-state-icon{font-size:36px;margin-bottom:12px}.empty-state h3{margin:0 0 8px}.empty-state p{margin:0;color:#6b7280}@media(max-width:768px){.transaction-toolbar{flex-direction:column}.transaction-toolbar input,.transaction-toolbar select{width:100%;min-width:0}}.report-card{margin-top:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}.report-toolbar{display:flex;align-items:end;gap:16px;padding:16px;border-bottom:1px solid #e5e7eb;background:#f8fafc}.report-toolbar>div{display:flex;flex-direction:column;gap:6px}.report-toolbar label{font-size:12px;font-weight:600;color:#6b7280}.report-toolbar input{padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;font:inherit}.report-toolbar button{padding:10px 16px;border:0;border-radius:8px;background:#111827;color:#fff;cursor:pointer;font:inherit}.report-period{padding:20px 20px 0;color:#6b7280}.report-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px}.report-stat{padding:18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.report-stat span{display:block;margin-bottom:8px;font-size:13px;color:#6b7280}.report-stat strong{font-size:20px}@media(max-width:900px){.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.report-toolbar{flex-direction:column;align-items:stretch}.report-toolbar input{width:100%}.report-grid{grid-template-columns:1fr}}.landing-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f8fafc}.landing-card{width:100%;max-width:420px;padding:40px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;text-align:center;box-shadow:0 10px 30px #0000000d}.landing-brand{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.landing-brand strong{font-size:28px}.landing-brand span{font-size:13px;color:#6b7280}.landing-card h1{margin:0 0 8px;font-size:24px}.landing-card p{margin:0 0 28px;color:#6b7280}.landing-button{display:inline-block;width:100%;padding:12px 16px;border-radius:8px;background:#111827;color:#fff;text-decoration:none;font-weight:600}.landing-button:hover{background:#374151}@media(max-width:480px){.landing-card{padding:32px 24px}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f8fafc}.login-card{width:100%;max-width:400px;padding:40px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0000000d}.login-brand{display:flex;flex-direction:column;gap:4px;margin-bottom:28px;text-align:center}.login-brand strong{font-size:26px}.login-brand span{font-size:13px;color:#6b7280}.login-card h1{margin:0 0 8px;font-size:24px}.login-subtitle{margin:0 0 24px;color:#6b7280}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.login-field label{font-size:13px;font-weight:600}.login-field input{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font:inherit}.login-field input:focus{outline:2px solid #d1d5db;outline-offset:1px}#login-button{width:100%;margin-top:8px;padding:12px 16px;border:0;border-radius:8px;background:#111827;color:#fff;font:inherit;font-weight:600;cursor:pointer}#login-button:hover{background:#374151}#login-button:disabled{opacity:.6;cursor:wait}.login-message{margin:16px 0 0;padding:10px 12px;border-radius:8px;background:#f3f4f6;color:#4b5563;font-size:13px;text-align:center}.login-back{display:block;margin-top:24px;color:#6b7280;text-align:center;text-decoration:none;font-size:13px}.login-back:hover{color:#111827}@media(max-width:480px){.login-card{padding:32px 24px}}.driver-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f8fafc}.driver-card{width:100%;max-width:420px;padding:40px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;text-align:center;box-shadow:0 10px 30px #0000000d}.driver-brand{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.driver-brand strong{font-size:28px}.driver-brand span{font-size:13px;color:#6b7280}.driver-card h1{margin:0 0 8px;font-size:24px}.driver-card p{margin:0 0 28px;color:#6b7280}.driver-button{display:inline-block;width:100%;padding:12px 16px;border-radius:8px;background:#111827;color:#fff;text-decoration:none;font-weight:600}.driver-button:hover{background:#374151}.driver-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:#f8fafc}.driver-login-card{width:100%;max-width:400px;padding:40px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 10px 30px #0000000d}.driver-login-brand{display:flex;flex-direction:column;gap:4px;margin-bottom:28px;text-align:center}.driver-login-brand strong{font-size:26px}.driver-login-brand span{font-size:13px;color:#6b7280}.driver-login-card h1{margin:0 0 8px;font-size:24px}.driver-login-subtitle{margin:0 0 24px;color:#6b7280}.driver-login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.driver-login-field label{font-size:13px;font-weight:600}.driver-login-field input{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font:inherit}.driver-login-field input:focus{outline:2px solid #d1d5db;outline-offset:1px}#driver-login-button{width:100%;margin-top:8px;padding:12px 16px;border:0;border-radius:8px;background:#111827;color:#fff;font:inherit;font-weight:600;cursor:pointer}#driver-login-button:hover{background:#374151}#driver-login-button:disabled{opacity:.6;cursor:wait}.driver-login-message{margin:16px 0 0;padding:10px 12px;border-radius:8px;background:#f3f4f6;color:#4b5563;font-size:13px;text-align:center}.driver-login-back{display:block;margin-top:24px;color:#6b7280;text-align:center;text-decoration:none;font-size:13px}.driver-login-back:hover{color:#111827}.driver-dashboard{min-height:100vh;background:#f8fafc}.driver-dashboard-header{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0 24px;border-bottom:1px solid #e5e7eb;background:#fff}.driver-dashboard-header>div{display:flex;flex-direction:column;gap:2px}.driver-dashboard-header strong{font-size:18px}.driver-dashboard-header span{font-size:12px;color:#6b7280}#driver-logout{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font:inherit;cursor:pointer}#driver-logout:hover{background:#f3f4f6}.driver-welcome{padding:32px 24px 24px}.driver-label{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.05em;color:#6b7280}.driver-welcome h1{margin:0 0 8px;font-size:28px}.driver-welcome>p:last-child{margin:0;color:#6b7280}.driver-store-section{padding:0 24px 32px}.driver-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.driver-section-header h2{margin:0;font-size:20px}.driver-section-header span{font-size:13px;color:#6b7280}.driver-store-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.driver-empty{grid-column:1 / -1;padding:32px 24px;border:1px dashed #d1d5db;border-radius:12px;background:#fff;text-align:center}.driver-empty strong{display:block;margin-bottom:6px}.driver-empty p{margin:0;color:#6b7280;font-size:14px}@media(max-width:600px){.driver-dashboard-header{padding:0 16px}.driver-welcome{padding:24px 16px 20px}.driver-store-section{padding:0 16px 24px}.driver-welcome h1{font-size:24px}}.driver-store-card{padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.driver-store-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.driver-store-id{display:block;margin-bottom:4px;font-size:12px;color:#6b7280}.driver-store-card h3{margin:0;font-size:18px}.driver-store-status{padding:4px 8px;border-radius:999px;background:#f3f4f6;font-size:11px;font-weight:600}.driver-store-address{margin:12px 0 16px;color:#6b7280;font-size:14px}.driver-store-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.driver-store-info div{display:flex;flex-direction:column;gap:4px}.driver-store-info span{font-size:12px;color:#6b7280}.driver-store-info strong{font-size:14px}.driver-store-button{display:block;padding:11px 14px;border-radius:8px;background:#111827;color:#fff;text-align:center;text-decoration:none;font-weight:600}.driver-store-button:hover{background:#374151}.driver-back-button{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;background:#fff;text-decoration:none;font-weight:600}.driver-store-detail-card{padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.driver-detail-row{display:flex;flex-direction:column;gap:5px;padding:14px 0;border-bottom:1px solid #f3f4f6}.driver-detail-row:first-child{padding-top:0}.driver-detail-row:last-child{padding-bottom:0;border-bottom:0}.driver-detail-row span{font-size:13px;color:#6b7280}.driver-detail-row strong{font-size:16px}.driver-store-action{margin-top:16px}.driver-form-card{padding:20px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.driver-form-group{margin-bottom:18px}.driver-form-group label{display:block;margin-bottom:7px;font-weight:600}.driver-form-group input,.driver-form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font:inherit}.driver-form-group textarea{resize:vertical}.driver-calculation{margin-bottom:18px;padding:16px;border-radius:10px;background:#f8fafc}.driver-calculation span{display:block;margin-bottom:5px;color:#6b7280;font-size:14px}.driver-calculation strong{font-size:20px}.driver-form-message{margin-top:14px;padding:12px;border-radius:8px;font-weight:600}.driver-form-message[data-type=success]{background:#ecfdf5}.driver-form-message[data-type=error]{background:#fef2f2}.driver-store-button:disabled{opacity:.6;cursor:wait}