.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header h1{font-size:1.8rem;margin-bottom:1rem;font-weight:600;font-family:Anek Latin,sans-serif;letter-spacing:-.5px}.nav{display:flex;gap:1rem}.nav button{background:#ffffff26;border:none;color:#fff;padding:.6rem 1.5rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;font-family:Anek Latin,sans-serif;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav button:hover{background:#ffffff40;transform:translateY(-2px)}.nav button.active{background:#fff;color:#667eea;font-weight:600;box-shadow:0 4px 12px #00000026}.main{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 768px){.main,.header{padding:1rem}.header h1{font-size:1.3rem}.nav{flex-wrap:wrap;gap:.5rem}.nav button{padding:.5rem 1rem;font-size:.875rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.card{padding:1rem;margin-bottom:1rem}.card h2{font-size:1.2rem}.table{font-size:.875rem}.table th,.table td{padding:.5rem}.btn{padding:.6rem 1.2rem;font-size:.875rem}}@media (max-width: 480px){.main{padding:.75rem}.header h1{font-size:1.1rem}.nav button{padding:.4rem .8rem;font-size:.8rem}.stat-card .value{font-size:1.5rem}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #00000014;margin-bottom:1.5rem;transition:all .3s ease;border:1px solid rgba(102,126,234,.1)}.card:hover{box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.card h2{margin-bottom:1rem;color:#333;font-size:1.5rem;font-weight:600;font-family:Anek Latin,sans-serif;letter-spacing:-.3px}.btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;font-family:Anek Latin,sans-serif;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.btn:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#5a6268}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #eee}.table th{background:#f8f9fa;font-weight:600;color:#333}.table tr:hover{background:#f8f9fa}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:1px solid rgba(102,126,234,.1)}.stat-card:hover{box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.stat-card h3{font-size:.875rem;color:#666;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-family:Anek Latin,sans-serif;font-weight:500}.stat-card .value{font-size:2rem;font-weight:700;color:#667eea;font-family:Anek Latin,sans-serif}.dark-mode-toggle{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1.5rem;transition:all .3s}.dark-mode-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.app.dark,body.dark-mode{background:#1a1a1a;color:#e0e0e0}.app.dark .main{background:#1a1a1a}.app.dark .card{background:#2d2d2d;color:#e0e0e0;box-shadow:0 4px 16px #0006;border:1px solid rgba(102,126,234,.2)}.app.dark .card:hover{box-shadow:0 8px 24px #667eea4d}.app.dark .card h2,.app.dark .table{color:#e0e0e0}.app.dark .table th{background:#3a3a3a;color:#e0e0e0;border-bottom:1px solid #4a4a4a}.app.dark .table td{border-bottom:1px solid #4a4a4a}.app.dark .table tr:hover{background:#3a3a3a}.app.dark .form-group label{color:#e0e0e0}.app.dark .form-group input,.app.dark .form-group select{background:#3a3a3a;border:1px solid #4a4a4a;color:#e0e0e0}.app.dark .form-group input:focus,.app.dark .form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.app.dark .stat-card{background:#2d2d2d;color:#e0e0e0;border:1px solid rgba(102,126,234,.2)}.app.dark .stat-card:hover{box-shadow:0 8px 24px #667eea4d}.app.dark .stat-card h3{color:#b0b0b0}.app.dark .badge-success{background:#1e4620;color:#81c784}.app.dark .badge-danger{background:#4a1e1e;color:#e57373}.app.dark .spinner{border:4px solid #3a3a3a;border-top:4px solid #667eea}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Anek Latin,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}