:root{--primary:#6366f1;--primary-dark:#4f46e5;--dark:#0f0f1a;--dark2:#1a1a2e;--text:#1a1a2e;--muted:#6b7280;--light:#f5f4f0;--white:#fff;--green:#22c55e;--red:#ef4444;--yellow:#f59e0b;--sidebar-w:240px;--sidebar-closed:64px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f8f9fb;color:#1a1a2e;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.splash{align-items:center;display:flex;flex-direction:column;gap:24px;height:100vh;justify-content:center}.splash-logo{color:#1a1a2e;color:var(--text);font-size:32px;font-weight:900}.splash-logo span{color:#6366f1;color:var(--primary)}.spinner{animation:spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top:3px solid var(--primary);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.spinner-center{padding:64px}.no-access,.spinner-center{display:flex;justify-content:center}.no-access{align-items:center;flex-direction:column;gap:16px;height:100vh;text-align:center}.no-access-icon{font-size:48px}.no-access button{background:#6366f1;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 24px}.login-page{align-items:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);background:linear-gradient(135deg,var(--dark) 0,var(--dark2) 100%);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:24px;max-width:420px;padding:48px 40px;width:100%}.login-logo{color:#1a1a2e;color:var(--text);font-size:28px;font-weight:900;margin-bottom:4px}.login-logo span{color:#6366f1;color:var(--primary)}.login-title{color:#1a1a2e;color:var(--text);font-size:22px;font-weight:800;margin-bottom:4px;margin-top:24px}.login-sub{color:#6b7280;color:var(--muted);font-size:14px;margin-bottom:32px}.form-group{margin-bottom:16px}.form-group label{color:#6b7280;color:var(--muted);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#1a1a2e;color:var(--text);font-size:14px;outline:none;padding:12px 14px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#6366f1;border-color:var(--primary)}.form-group input:disabled{background:#f9fafb;color:#6b7280;color:var(--muted)}.form-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.btn-primary{background:#6366f1;background:var(--primary);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:background .2s;width:100%}.btn-primary:hover{background:#4f46e5;background:var(--primary-dark)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1a1a2e;color:var(--text);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.btn-outline:hover{border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.error-msg{background:#fef2f2;color:#ef4444;color:var(--red);margin-bottom:12px}.error-msg,.info-box{border-radius:8px;font-size:13px;padding:10px 14px}.info-box{background:#eff6ff;color:#1e40af;margin-bottom:16px}.dashboard{display:flex;min-height:100vh}.sidebar{background:#0f0f1a;background:var(--dark);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .2s;width:240px;width:var(--sidebar-w);z-index:100}.sidebar.closed{width:64px;width:var(--sidebar-closed)}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 16px}.sidebar-logo{color:#fff;font-size:22px;font-weight:900;white-space:nowrap}.sidebar-logo span{color:#6366f1;color:var(--primary)}.sidebar-toggle{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:12px;padding:4px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 8px}.nav-item{align-items:center;background:none;border:none;border-radius:10px;color:#fff9;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 12px;text-align:left;transition:all .15s;white-space:nowrap;width:100%}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#6366f1;background:var(--primary);color:#fff}.nav-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.sidebar-footer{border-top:1px solid #ffffff14;display:flex;flex-direction:column;gap:10px;padding:16px 12px}.user-info{gap:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#6366f1;background:var(--primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.user-name{color:#fff;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#fff6;font-size:11px}.btn-logout{background:#ffffff14;border:none;border-radius:8px;color:#fff9;cursor:pointer;font-size:13px;padding:8px;width:100%}.btn-logout:hover{background:#ffffff26;color:#fff}.main-content{flex:1 1;margin-left:240px;margin-left:var(--sidebar-w);min-width:0;transition:margin-left .2s}.sidebar.closed~.main-content{margin-left:64px;margin-left:var(--sidebar-closed)}.page{max-width:1400px;padding:32px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.page-title{color:#1a1a2e;color:var(--text);font-size:26px;font-weight:800}.page-sub{color:#6b7280;color:var(--muted);font-size:14px;margin-top:4px}.header-actions{display:flex;flex-wrap:wrap;gap:8px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.stat-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000f;padding:20px}.stat-card.live .stat-value{color:#22c55e;color:var(--green)}.stat-value{color:#1a1a2e;color:var(--text);font-size:28px;font-weight:800}.stat-label{color:#6b7280;color:var(--muted);font-size:12px;margin-top:4px}.search-bar{margin-bottom:16px}.search-bar input{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;max-width:360px;outline:none;padding:10px 16px;width:100%}.search-bar input:focus{border-color:#6366f1;border-color:var(--primary)}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.filter-row input,.filter-row select{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;padding:9px 14px}.table-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid #f3f4f6;color:#6b7280;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #f9fafb;font-size:14px;padding:14px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fafafa}.data-table tr.row-live td{background:#f0fdf4}.empty-row{color:#6b7280;color:var(--muted);padding:40px!important;text-align:center}.emp-cell{gap:10px}.emp-avatar,.emp-cell{align-items:center;display:flex}.emp-avatar{background:#6366f1;background:var(--primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.row-actions{display:flex;gap:6px}.btn-icon{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:4px 6px;transition:background .15s}.btn-icon:hover{background:#f3f4f6}.btn-icon.btn-danger:hover{background:#fef2f2}.note-cell{color:#6b7280;color:var(--muted);font-size:13px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-badge{color:#22c55e;color:var(--green);font-size:13px;font-weight:700}.badge{border-radius:100px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.badge-purple{background:#ede9fe;color:#7c3aed}.badge-gray{background:#f3f4f6;color:#6b7280;color:var(--muted)}.badge-green{background:#dcfce7;color:#16a34a}.badge-red{background:#fef2f2;color:#ef4444;color:var(--red)}.badge-yellow{background:#fef9c3;color:#ca8a04}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal-box{background:#fff;border-radius:20px;max-height:90vh;max-width:520px;overflow-y:auto;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.modal-header h3{font-size:18px;font-weight:800}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;color:var(--muted);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.modal-close:hover{background:#f3f4f6}.modal-body{padding:20px 24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 24px}.modal-footer .btn-outline{padding:10px 20px;width:auto}.modal-footer .btn-primary{padding:10px 24px;width:auto}.tab-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tab-btn{background:#fff;border:1px solid #e5e7eb;border-radius:100px;color:#6b7280;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.tab-btn.active{background:#6366f1;background:var(--primary);color:#fff}.tab-btn.active,.tab-btn:hover:not(.active){border-color:#6366f1;border-color:var(--primary)}.tab-btn:hover:not(.active){color:#6366f1;color:var(--primary)}.cards-list{display:flex;flex-direction:column;gap:12px}.app-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000f;flex-wrap:wrap;gap:20px;padding:20px}.app-card,.app-left{align-items:center;display:flex}.app-left{gap:12px;min-width:160px}.app-emp{font-size:15px;font-weight:700}.app-phone{color:#6b7280;color:var(--muted);font-size:12px}.app-shift{flex:1 1;min-width:180px}.app-date{color:#1a1a2e;color:var(--text);font-size:14px;font-weight:600}.app-loc,.app-time{color:#6b7280;color:var(--muted);font-size:13px;margin-top:2px}.app-note{color:#6366f1;color:var(--primary);font-size:12px;font-style:italic;margin-top:4px}.app-status{text-align:right}.app-date-small{color:#6b7280;color:var(--muted);font-size:11px;margin-top:6px}.app-actions{display:flex;gap:8px}.btn-approve{background:#dcfce7;border:none;border-radius:8px;color:#16a34a;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px}.btn-approve:hover{background:#bbf7d0}.btn-reject{background:#fef2f2;border:none;border-radius:8px;color:#ef4444;color:var(--red);cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px}.btn-reject:hover{background:#fee2e2}.empty-state{background:#fff;border-radius:16px;color:#6b7280;color:var(--muted);font-size:15px;padding:48px;text-align:center}.week-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr)}.day-col{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000f;min-height:200px;padding:16px}.day-col.today{border:2px solid #6366f1;border:2px solid var(--primary)}.day-header{margin-bottom:12px}.day-name{color:#6b7280;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.day-date{color:#1a1a2e;color:var(--text);font-size:18px;font-weight:800}.day-shifts{display:flex;flex-direction:column;gap:8px}.shift-chip{background:#ede9fe;border-radius:10px;cursor:pointer;padding:8px 10px;position:relative}.shift-chip:hover{background:#ddd6fe}.shift-emp{color:#7c3aed;font-size:12px;font-weight:700}.shift-time{color:#a78bfa;font-size:11px}.shift-del{border:none;color:#a78bfa;font-size:10px;padding:2px;position:absolute;right:6px;top:6px}.shift-add,.shift-del{background:none;cursor:pointer}.shift-add{border:2px dashed #e5e7eb;border-radius:10px;color:#6b7280;color:var(--muted);font-size:12px;padding:8px;transition:all .15s;width:100%}.shift-add:hover{border-color:#6366f1;border-color:var(--primary);color:#6366f1;color:var(--primary)}.preset-grid{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px;padding:7px 14px;transition:all .15s}.preset-btn.active{background:#6366f1;background:var(--primary);color:#fff}.preset-btn.active,.preset-btn:hover:not(.active){border-color:#6366f1;border-color:var(--primary)}.month-picker{border:1px solid #e5e7eb;border-radius:10px;font-size:14px;padding:9px 14px}.diff.positive{color:#22c55e;color:var(--green);font-weight:700}.diff.negative{color:#ef4444;color:var(--red);font-weight:700}.progress-bar{align-items:center;display:flex;gap:8px}.progress-bar>div{background:#e5e7eb;border-radius:100px;flex:1 1;height:6px;overflow:hidden}.progress-fill{background:#6366f1;background:var(--primary);border-radius:100px;height:100%}.progress-bar span{color:#6b7280;color:var(--muted);font-size:12px;white-space:nowrap}@media (max-width:1100px){.week-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.sidebar{width:64px;width:var(--sidebar-closed)}.main-content{margin-left:64px;margin-left:var(--sidebar-closed)}.week-grid{grid-template-columns:repeat(2,1fr)}.page{padding:16px}.stats-row{grid-template-columns:1fr 1fr}}
/*# sourceMappingURL=main.6a4d7df3.css.map*/