*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{min-height:100vh}.login-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 40px #0003}.login-card h1{text-align:center;color:#1a1a2e;margin-bottom:.5rem}.login-subtitle{text-align:center;color:#666;margin-bottom:1.5rem}.login-hint{text-align:center;color:#999;margin-top:1rem;font-size:.85rem}.app-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#1a1a2e;flex-direction:column;width:250px;padding:1.5rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.sidebar-user{color:#888;border-bottom:1px solid #333;margin-bottom:1.5rem;padding-bottom:1rem;font-size:.85rem}.nav-links{flex:1;list-style:none}.nav-links li{margin-bottom:.25rem}.nav-links a{color:#bbb;border-radius:8px;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:block}.nav-links a:hover,.nav-links a.active{color:#fff;background:#16213e}.btn-logout{color:#bbb;cursor:pointer;background:0 0;border:1px solid #555;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.9rem;transition:all .2s}.btn-logout:hover{color:#fff;background:#e74c3c;border-color:#e74c3c}.main-content{flex:1;margin-left:250px;padding:2rem}h1{margin-bottom:1rem;font-size:1.8rem}h2{margin-bottom:.75rem;font-size:1.3rem}h3{margin-bottom:.5rem;font-size:1rem}.page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.text-muted{color:#999;font-size:.9rem}.text-center{text-align:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{text-align:center;background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000000f}.stat-number{color:#667eea;font-size:2rem;font-weight:700;display:block}.stat-label{color:#666;font-size:.9rem}.schedule-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.schedule-day{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #0000000f}.schedule-day h3{color:#667eea;text-transform:uppercase;margin-bottom:.5rem;font-size:.85rem}.schedule-item{border-bottom:1px solid #f0f0f0;padding:.4rem 0;font-size:.85rem}.schedule-item strong{display:block}.schedule-item span{color:#888;font-size:.8rem}.schedule-editor{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.schedule-row{border-bottom:1px solid #f0f0f0;align-items:center;padding:.75rem 1rem;display:flex}.schedule-row:last-child{border-bottom:none}.day-label{width:120px;font-weight:500}.time-inputs{align-items:center;gap:.5rem;display:flex}.time-inputs input[type=time]{border:1px solid #ddd;border-radius:6px;padding:.4rem .5rem;font-size:.9rem}.table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0000000f}.table th,.table td{text-align:left;border-bottom:1px solid #f0f0f0;padding:.75rem 1rem}.table th{color:#555;text-transform:uppercase;background:#f8f9fa;font-size:.85rem;font-weight:600}.table tr.inactive{opacity:.5}.table tr:hover{background:#f8f9fa}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.35rem;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-actions{gap:.5rem;margin-top:1rem;display:flex}.btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;transition:all .2s}.btn:hover{background:#f0f0f0}.btn-full{width:100%}.btn-primary{color:#fff;background:#667eea;border-color:#667eea}.btn-primary:hover{background:#5a6fd6}.btn-secondary{background:#f0f0f0}.btn-danger{color:#e74c3c}.btn-danger:hover{color:#fff;background:#e74c3c;border-color:#e74c3c}.btn-success{color:#27ae60}.btn-success:hover{color:#fff;background:#27ae60;border-color:#27ae60}.btn-sm{padding:.3rem .6rem;font-size:.8rem}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.alert-error{color:#c0392b;background:#fde8e8;border:1px solid #f5c6cb}.alert-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.badge{border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:#155724;background:#d4edda}.badge-error{color:#c0392b;background:#fde8e8}.badge-warning{color:#856404;background:#fff3cd}.badge-info{color:#1e40af;background:#dbeafe}.position-checkboxes{flex-wrap:wrap;gap:.5rem;display:flex}.checkbox-label{cursor:pointer;border:1px solid #ddd;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.9rem;transition:all .2s;display:flex}.checkbox-label.checked{color:#fff;background:#667eea;border-color:#667eea}.checkbox-label input{display:none}.checkbox-text{-webkit-user-select:none;user-select:none}.position-section{margin-bottom:2rem}.position-title{border-bottom:2px solid #eee;margin-bottom:.75rem;padding-bottom:.5rem}.planning-grid{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.planning-cell{cursor:default;background:#fff;border:1px solid #eee;border-radius:8px;padding:.6rem;font-size:.85rem;transition:all .2s}.planning-cell.has-slots{cursor:pointer;border-color:#ddd}.planning-cell.has-slots:hover{box-shadow:0 2px 8px #0000001a}.planning-cell.all-assigned{border-left:3px solid #27ae60}.planning-cell.partial{border-left:3px solid #f39c12}.cell-header{justify-content:space-between;align-items:center;display:flex}.cell-day{font-weight:600}.cell-slots{color:#667eea;font-size:.75rem}.cell-empty{color:#ccc}.cell-detail{max-height:0;margin-top:0;transition:max-height .3s;overflow:hidden}.cell-detail.open{max-height:800px;margin-top:.5rem}.slot-detail{background:#f8f9fa;border-radius:6px;margin-bottom:.3rem;padding:.5rem}.slot-time{margin-bottom:.25rem;font-size:.8rem;font-weight:600}.slot-assigned{flex-wrap:wrap;gap:.25rem;display:flex}.employee-tag{background:#fff;border:1px solid #ddd;border-radius:12px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.tag-remove{color:#e74c3c;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.unfilled{color:#e74c3c;font-size:.75rem;font-style:italic}.available-employees{border-top:1px dashed #ddd;margin-top:.4rem;padding-top:.4rem}.available-label{color:#999;margin-bottom:.25rem;font-size:.7rem}.available-list{flex-wrap:wrap;gap:.25rem;display:flex}.assign-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;padding:.2rem .5rem;font-size:.7rem;transition:all .15s}.assign-btn:hover{color:#fff;background:#667eea;border-color:#667eea}.assign-btn.assigned{color:#fff;background:#27ae60;border-color:#27ae60}.position-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal h2{margin-bottom:1.5rem}.loading{color:#667eea;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;display:flex}