.employee-timecard-calculator{background:#f8fafc;box-sizing:border-box;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;max-width:100%;overflow-x:hidden;width:100%}.employee-timecard-calculator *,.employee-timecard-calculator :after,.employee-timecard-calculator :before{box-sizing:border-box;margin:0;padding:0}.employee-timecard-calculator .tool-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.employee-timecard-calculator .logo{align-items:center;display:flex;gap:.75rem}.employee-timecard-calculator .logo-icon{align-items:center;background:linear-gradient(135deg,var(--swept-blue) 0,var(--swept-dark-blue) 100%);border-radius:10px;color:#fff;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.employee-timecard-calculator .logo h2{font-size:1.2rem;font-weight:600}.employee-timecard-calculator .logo h2 span{color:var(--swept-blue)}.employee-timecard-calculator .container{box-sizing:border-box;margin:0 auto;max-width:100%;padding:2rem;width:100%}.employee-timecard-calculator .summary-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));margin-bottom:2rem}.employee-timecard-calculator .summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.25rem}.employee-timecard-calculator .summary-card .label{color:#64748b;font-size:.75rem;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.employee-timecard-calculator .summary-card .value{color:#1e293b;font-size:1.75rem;font-weight:700}.employee-timecard-calculator .summary-card .sub{color:#64748b;font-size:.8rem}.employee-timecard-calculator .summary-card.highlight{background:linear-gradient(135deg,#10b981,#059669)}.employee-timecard-calculator .summary-card.highlight .label,.employee-timecard-calculator .summary-card.highlight .sub,.employee-timecard-calculator .summary-card.highlight .value{color:#fff}.employee-timecard-calculator .main-grid{display:grid;gap:1.5rem;grid-template-columns:280px 1fr}.employee-timecard-calculator .settings-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);height:fit-content;padding:1.25rem}.employee-timecard-calculator .settings-panel h2{color:#64748b;font-size:.75rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.employee-timecard-calculator .form-group{margin-bottom:1rem}.employee-timecard-calculator .form-group label{color:#475569;display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem}.employee-timecard-calculator input,.employee-timecard-calculator select{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.6rem .75rem;width:100%}.employee-timecard-calculator input:focus,.employee-timecard-calculator select:focus{border-color:var(--swept-blue);box-shadow:0 0 0 3px rgba(53,146,255,.1);outline:none}.employee-timecard-calculator .form-row{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.employee-timecard-calculator .timecard-panel{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:1.25rem}.employee-timecard-calculator .timecard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.employee-timecard-calculator .timecard-header h2{font-size:1rem;font-weight:600}.employee-timecard-calculator .week-nav{align-items:center;display:flex;gap:.5rem}.employee-timecard-calculator .week-nav button{background:#f1f5f9;border:none;border-radius:6px;cursor:pointer;padding:.4rem .75rem}.employee-timecard-calculator .week-nav span{font-size:.9rem;min-width:150px;text-align:center}.employee-timecard-calculator table{border-collapse:collapse;width:100%}.employee-timecard-calculator th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.75rem;letter-spacing:.5px;padding:.75rem .5rem;text-align:left;text-transform:uppercase}.employee-timecard-calculator td{border-bottom:1px solid #f1f5f9;padding:.5rem}.employee-timecard-calculator .day-cell{font-weight:500}.employee-timecard-calculator .day-cell .date{color:#64748b;font-size:.8rem;font-weight:400}.employee-timecard-calculator .time-input{align-items:center;display:flex;gap:.25rem}.employee-timecard-calculator .time-input input{font-size:.85rem;padding:.4rem;text-align:center;width:75px}.employee-timecard-calculator .time-input span{color:#94a3b8;font-size:.8rem}.employee-timecard-calculator .hours-cell{font-weight:600;text-align:center}.employee-timecard-calculator .hours-cell.overtime{color:var(--swept-orange)}.employee-timecard-calculator .break-input{padding:.4rem;text-align:center;width:60px}.employee-timecard-calculator .totals-row{background:#f8fafc;font-weight:600}.employee-timecard-calculator .totals-row td{border-bottom:none;padding:1rem .5rem}.employee-timecard-calculator button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;min-height:44px;padding:.5rem 1rem;transition:all .2s}.employee-timecard-calculator .btn-primary{background:linear-gradient(135deg,var(--swept-blue) 0,var(--swept-dark-blue) 100%);color:#fff}.employee-timecard-calculator .btn-primary:hover{box-shadow:0 4px 12px rgba(53,146,255,.3);transform:translateY(-1px)}.employee-timecard-calculator .btn-secondary{background:#f1f5f9;color:#475569}.employee-timecard-calculator .pay-breakdown{border-top:2px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.employee-timecard-calculator .pay-breakdown h3{color:#64748b;font-size:.85rem;margin-bottom:1rem}.employee-timecard-calculator .pay-row{display:flex;font-size:.9rem;justify-content:space-between;padding:.5rem 0}.employee-timecard-calculator .pay-row.total{border-top:2px solid #e2e8f0;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding-top:.75rem}.employee-timecard-calculator .pay-row .label{color:#64748b}.employee-timecard-calculator .pay-row.total .label{color:#1e293b}.employee-timecard-calculator .employees-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-top:2rem;padding:1.25rem}.employee-timecard-calculator .employees-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.employee-timecard-calculator .employee-chip{align-items:center;background:#f1f5f9;border-radius:20px;cursor:pointer;display:inline-flex;gap:.5rem;margin:.25rem;min-height:44px;padding:.5rem 1rem;transition:all .2s}.employee-timecard-calculator .employee-chip:hover{background:#e2e8f0}.employee-timecard-calculator .employee-chip.active{background:var(--swept-light-blue);border:2px solid var(--swept-blue)}.employee-timecard-calculator .employee-chip .name{font-weight:500}.employee-timecard-calculator .employee-chip .edit,.employee-timecard-calculator .employee-chip .remove{align-items:center;background:#e0e7ff;border:none;border-radius:4px;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;min-height:auto;min-width:auto;padding:.25rem .5rem;transition:all .2s}.employee-timecard-calculator .employee-chip .edit:hover{background:#c7d2fe;color:#4338ca}.employee-timecard-calculator .employee-chip .remove{background:#fef2f2;color:#ef4444}.employee-timecard-calculator .employee-chip .remove:hover{background:#fee2e2;color:#dc2626}.employee-timecard-calculator .modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s;z-index:1000}.employee-timecard-calculator .modal-overlay.show{opacity:1;pointer-events:auto}.employee-timecard-calculator .modal{background:#fff;border-radius:16px;max-width:400px;padding:1.5rem;width:90%}.employee-timecard-calculator .modal h3{font-size:1.1rem;margin-bottom:1rem}.employee-timecard-calculator .modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.employee-timecard-calculator .toast{background:#1e293b;border-radius:8px;bottom:2rem;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;opacity:0;padding:1rem 1.5rem;position:fixed;right:2rem;transform:translateY(100px);transition:all .3s;z-index:1000}.employee-timecard-calculator .toast.show{opacity:1;transform:translateY(0)}@media (max-width:900px){.employee-timecard-calculator .container{padding:.5rem}.employee-timecard-calculator .main-grid{grid-template-columns:1fr}.employee-timecard-calculator .time-input input{width:65px}.employee-timecard-calculator .summary-cards{gap:.5rem;grid-template-columns:1fr 1fr}.employee-timecard-calculator .summary-card{padding:.75rem}.employee-timecard-calculator .summary-card .value{font-size:1.25rem}.employee-timecard-calculator .tool-header{align-items:stretch;flex-direction:column;gap:.5rem;padding:.5rem}.employee-timecard-calculator .tool-header>div:last-child{display:flex;gap:.5rem;width:100%}.employee-timecard-calculator .tool-header button{flex:1;font-size:.75rem;padding:.5rem .25rem;white-space:nowrap}}