*{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input,select,button,textarea{font-family:inherit}.login-wrap{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:2rem;box-shadow:0 2px 20px #00000014}.login-logo{color:#fff;background:#1a56db;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:20px;font-weight:700;display:flex}.login-box h1{text-align:center;margin-bottom:4px;font-size:20px;font-weight:600}.login-box p{color:#666;text-align:center;margin-bottom:1.5rem;font-size:13px}.login-box input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;margin-bottom:10px;padding:11px 14px;font-size:15px;display:block}.login-box input:focus{border-color:#1a56db}.login-box button{color:#fff;cursor:pointer;background:#1a56db;border:none;border-radius:8px;width:100%;padding:12px;font-size:15px;font-weight:600}.login-box button:hover{background:#1447c0}.error{color:#c0392b;text-align:center;margin-top:8px;font-size:13px}.hint{color:#888;text-align:center;background:#f8f9fa;border-radius:8px;margin-top:14px;padding:10px;font-size:12px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.topbar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-name{color:#1a56db;font-size:16px;font-weight:700}.station-switcher{gap:6px;display:flex}.station-btn{cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.station-btn.active{color:#fff;background:#1a56db;border-color:#1a56db}.signout-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #ddd;border-radius:8px;padding:6px 14px;font-size:12px}.signout-btn:hover{background:#f5f5f5}.tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;overflow-x:auto}.tab{cursor:pointer;color:#666;white-space:nowrap;border-bottom:2px solid #0000;padding:12px 20px;font-size:13px;font-weight:500}.tab.active{color:#1a56db;border-bottom-color:#1a56db}.content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:16px}.loading{text-align:center;color:#888;padding:2rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-head h2{font-size:17px;font-weight:600}.action-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#1a56db;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:500}.btn-primary:hover{background:#1447c0}.btn-secondary{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 18px;font-size:13px}.btn-secondary:hover{background:#f5f5f5}.btn-ghost{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:8px;padding:8px 14px;font-size:13px}.btn-xs{cursor:pointer;border:1px solid;border-radius:5px;padding:3px 8px;font-size:11px}.btn-green{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.btn-red{color:#c62828;background:#fdecea;border-color:#ef9a9a}.btn-gray{color:#555;background:#f5f5f5;border-color:#ddd}.add-vendor-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.add-vendor-row input{border:1px solid #ddd;border-radius:8px;min-width:200px;padding:8px 12px;font-size:13px}.table-wrap{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.data-table th{text-align:left;color:#666;white-space:nowrap;background:#f8f9fa;border-bottom:1px solid #e5e7eb;padding:10px 8px;font-size:11px;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:6px}.data-table tr:last-child td{border-bottom:none}.data-table input[type=number]{text-align:right;background:#fff;border:1px solid #e0e0e0;border-radius:5px;width:100%;padding:5px 7px;font-size:13px}.data-table input[type=number]:focus{border-color:#1a56db;outline:none}.vendor-name-cell{font-weight:500}.total-cell{text-align:right;color:#1a56db;font-weight:500}.center,.action-cell{text-align:center}.action-cell .btn-xs{margin:0 2px}.total-row td{background:#f0f7ff;padding:8px 6px;font-weight:600}.day-cell{text-align:center;color:#666;font-size:12px;font-weight:500}.grand-total-bar{background:#e8f5e9;border-radius:10px;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 18px;display:flex}.grand-total-bar span{color:#2e7d32;font-size:13px}.grand-total-bar strong{color:#1b5e20;font-size:20px}.week-nav{align-items:center;gap:8px;display:flex}.week-nav button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:13px}.week-label{text-align:center;min-width:70px;font-size:14px;font-weight:600}.month-nav{align-items:center;gap:8px;display:flex}.month-nav button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:13px}.month-nav select{border:1px solid #ddd;border-radius:8px;padding:7px 10px;font-size:13px}.live-clock{color:#1a56db;font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.clock-panel{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.clock-panel h3{margin-bottom:4px;font-size:16px;font-weight:600}.clock-panel p{color:#888;margin-bottom:14px;font-size:13px}.pin-row{justify-content:center;align-items:center;gap:10px;display:flex}.clock-msg{border-radius:8px;margin-top:14px;padding:10px 18px;font-size:14px;font-weight:600}.clock-msg.in{color:#2e7d32;background:#e8f5e9}.clock-msg.out{color:#c62828;background:#fdecea}.currently-clocked{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.currently-clocked h3{margin-bottom:10px;font-size:14px;font-weight:600}.clocked-list{flex-direction:column;gap:8px;display:flex}.clocked-card{background:#f0f7ff;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.emp-avatar{color:#fff;background:#1a56db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.emp-name{font-size:14px;font-weight:500}.emp-since{color:#888;font-size:12px}.clocked-badge{color:#fff;background:#2e7d32;border-radius:99px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700}.badge-in{color:#2e7d32;background:#e8f5e9;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600}.emp-list{flex-direction:column;gap:6px;display:flex}.emp-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.emp-info{flex:1}.emp-pin{color:#aaa;font-size:11px}.empty{color:#aaa;padding:8px 0;font-size:13px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.2rem;display:grid}.sum-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.sum-label{color:#888;margin-bottom:6px;font-size:11px}.sum-val{color:#1a56db;font-size:22px;font-weight:600}.emp-hours-list{flex-direction:column;gap:6px;margin-bottom:1.2rem;display:flex}.emp-hours-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.emp-hours{color:#1a56db;margin-left:auto;font-size:14px;font-weight:600}.help-box{background:#f8f9fa;border-radius:10px;padding:16px}.help-box h3{color:#333;margin-bottom:6px;font-size:13px;font-weight:600}.help-box p{color:#666;margin-bottom:3px;font-size:12px}.daily-tbl th{font-size:10px}.daily-tbl input{min-width:60px}@media (width<=600px){.summary-cards{grid-template-columns:1fr 1fr}.content{padding:10px}.topbar{padding:8px 12px}.tab{padding:10px 12px;font-size:12px}}.dash-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.year-nav{align-items:center;gap:8px;display:flex}.year-nav button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:6px 12px;font-size:13px}.year-label{text-align:center;min-width:50px;font-size:15px;font-weight:600}.totals-grid-3{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.5rem;display:grid}.totals-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:1rem;display:grid}.total-card{border-radius:12px;padding:16px 18px}.week-card{background:#e6f1fb;border:1px solid #b5d4f4}.month-card{background:#eaf3de;border:1px solid #c0dd97}.year-card{background:#faeeda;border:1px solid #fac775}.total-card-label{text-transform:uppercase;letter-spacing:.05em;color:#555;margin-bottom:6px;font-size:11px;font-weight:600}.total-card-main{color:#111;margin-bottom:8px;font-size:26px;font-weight:700}.total-card-breakdown{flex-direction:column;gap:2px;display:flex}.total-card-breakdown span{color:#555;font-size:12px}.dash-section{margin-bottom:1.5rem}.dash-section h3{color:#111;margin-bottom:10px;font-size:15px;font-weight:600}.station-total-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.station-total-name{color:#666;margin-bottom:6px;font-size:13px;font-weight:600}.station-total-big{color:#1a56db;margin-bottom:10px;font-size:28px;font-weight:700}.station-total-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.station-total-row:last-child{border-bottom:none}.station-total-row span{color:#666}.combined-total-bar{background:#faeeda;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px 18px;display:flex}.combined-total-bar span{color:#633806;font-size:13px}.combined-total-bar strong{color:#412402;font-size:20px}.current-month-row{background:#f0f7ff!important}.weeks-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.week-mini-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px}.week-mini-card.current-week{background:#e6f1fb;border-color:#b5d4f4}.week-mini-label{color:#888;margin-bottom:4px;font-size:11px}.week-mini-val{color:#1a56db;font-size:15px;font-weight:600}@media (width<=600px){.totals-grid-3,.totals-grid-2{grid-template-columns:1fr}.weeks-grid{grid-template-columns:repeat(2,1fr)}.total-card-main{font-size:22px}}.week-banner{background:#e6f1fb;border:1px solid #b5d4f4;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding:12px 16px;display:flex}.week-banner-main{color:#0c447c;font-size:18px;font-weight:700}.week-banner-sub{color:#185fa5;align-items:center;gap:8px;font-size:12px;display:flex}.current-badge{color:#fff;background:#1a56db;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}.station-mgr-btn{color:#b35c00!important;background:#fff3e0!important;border-color:#f5a623!important}.station-mgr-btn:hover{background:#ffe0b2!important}.modal-overlay{z-index:999;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 8px 40px #0000002e}.modal-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-head h3{font-size:16px;font-weight:700}.modal-close{cursor:pointer;color:#888;background:0 0;border:none;font-size:18px;line-height:1}.modal-close:hover{color:#111}.station-list{flex-direction:column;gap:8px;max-height:260px;padding:12px 20px;display:flex;overflow-y:auto}.station-mgr-row{background:#f8f9fa;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.station-mgr-name{flex:1;font-size:14px;font-weight:500}.station-edit-input{border:1px solid #1a56db;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:14px}.station-add-row{border-top:1px solid #e5e7eb;gap:8px;padding:12px 20px;display:flex}.station-add-input{border:1px solid #ddd;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:14px}.station-add-input:focus{border-color:#1a56db}.modal-hint{color:#888;padding:0 20px 14px;font-size:12px}.no-stations{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.no-stations-icon{margin-bottom:16px;font-size:48px}.no-stations h2{margin-bottom:8px;font-size:20px;font-weight:600}.no-stations p{color:#666;font-size:14px}.week-hours-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:16px}.week-hours-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.week-hours-head h3{font-size:15px;font-weight:600}.emp-hours-cards{flex-direction:column;gap:10px;display:flex}.emp-hours-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.emp-hours-empty{opacity:.6}.emp-hours-top{background:#f8f9fa;align-items:center;gap:10px;padding:10px 14px;display:flex}.emp-hours-name{flex:1;font-size:14px;font-weight:600}.emp-hours-total{color:#1a56db;font-size:16px;font-weight:700}.emp-shifts{border-top:1px solid #f0f0f0}.emp-shift-row{border-bottom:1px solid #f5f5f5;align-items:center;gap:10px;padding:7px 14px;font-size:12px;display:flex}.emp-shift-row:last-child{border-bottom:none}.shift-active{background:#eaf3de}.shift-date{color:#888;width:50px;font-size:11px}.shift-times{color:#333;flex:1}.shift-hrs{color:#1a56db;white-space:nowrap;font-weight:600}.emp-no-shifts{color:#aaa;padding:10px 14px;font-size:12px;font-style:italic}.cal-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.5rem;display:grid}.cal-month-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.cal-now-month{border-color:#1a56db;box-shadow:0 0 0 2px #e6f1fb}.cal-month-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fa;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.cal-month-header:hover{background:#f0f4ff}.cal-month-left{align-items:center;gap:8px;display:flex}.cal-month-name{color:#111;font-size:14px;font-weight:700}.cal-now-pill{color:#fff;background:#1a56db;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.cal-month-right{align-items:center;gap:8px;display:flex}.cal-month-amt{color:#1a56db;font-size:15px;font-weight:700}.cal-chevron{color:#888;font-size:10px}.cal-body{border-top:1px solid #e5e7eb}.cal-week-row{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:9px 14px;display:flex}.cal-week-row:last-of-type{border-bottom:none}.cal-this-week{background:#eaf3de}.cal-week-info{flex-direction:column;gap:2px;display:flex}.cal-week-label{color:#222;font-size:13px;font-weight:600}.cal-this-week-tag{color:#2e7d32;margin-left:4px;font-size:11px;font-weight:700}.cal-week-dates{color:#888;font-size:11px}.cal-week-amt{color:#1a56db;white-space:nowrap;font-size:14px;font-weight:700}.cal-month-total-row{background:#f0f7ff;justify-content:space-between;padding:10px 14px;font-size:13px;display:flex}.cal-month-total-row span{color:#555}.cal-month-total-row strong{color:#1a56db;font-size:14px}.cal-empty{color:#aaa;padding:12px 14px;font-size:12px;font-style:italic}@media (width<=900px){.cal-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.cal-grid{grid-template-columns:1fr}}