*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-title{font-size:2rem;margin:1rem 0;color:#333}.page-subtitle{font-size:1.2rem;color:#666;margin-bottom:1rem}.header{background:linear-gradient(135deg,#8bc52d,#159f68);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:6px;transition:background .3s}.nav-links button:hover,.nav-links button.active{background:#fff3}.user-info{display:flex;align-items:center;gap:1rem}.logout-btn{background:#fff3;border:none;padding:.5rem 1rem;border-radius:6px;color:#fff;cursor:pointer;transition:background .3s}.logout-btn:hover{background:#ffffff4d}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-form{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 20px 40px #0000001a;max-width:400px;width:100%}.login-form h1{text-align:center;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input{width:100%;padding:.7rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .1s}.form-group input:focus{outline:none;border-color:#667eea}.login-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s}.login-btn:hover{transform:translateY(-2px)}.demo-credentials{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.9rem;color:#666}.error-message{background:#ffe6e6;color:#d8000c;padding:.75rem;border-radius:6px;margin-bottom:1rem;border:1px solid #ffcccc}.card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px #0000000d;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.card h3{margin-bottom:.5rem}.card-meta{font-size:.9rem;color:#666;margin-bottom:1rem}.card-actions{display:flex;gap:1rem;margin-top:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .1s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a6fd8}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d}.stat-value{font-size:2rem;font-weight:700;color:#667eea}.stat-label{color:#666;font-size:.9rem}.progress-bar{background:#e9ecef;border-radius:10px;height:8px;overflow:hidden;margin:.5rem 0}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;border-radius:10px;transition:width 0s ease}.progress-slider{margin:1rem 0}.progress-input{width:100%;appearance:none;height:8px;border-radius:5px;background:#e9ecef;cursor:pointer}.progress-input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 6px #667eea4d}.progress-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;border:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:2rem;border-radius:12px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 40px #0000004d}.modal-title{font-size:1.2rem;font-weight:700;color:#dc3545;margin-bottom:1rem}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.modal-btn{padding:.7rem 1.4rem;border:none;border-radius:6px;cursor:pointer;font-weight:500}.modal-confirm{background:#dc3545;color:#fff}.modal-confirm:hover{background:#c82333}.modal-cancel{background:#6c757d;color:#fff}.modal-cancel:hover{background:#5a6268}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.stats-grid{grid-template-columns:1fr}.card-actions{flex-direction:column}}.transition-xy{transition:transform .3s ease}