*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}body{background:#3a3a3a;color:#fff}app-root{display:block;height:100%}:root{--primary-color: #ffffff;--primary-light: #e0e0e0;--primary-dark: #cccccc;--accent-magenta: #e0e0e0;--accent-cyan: #d0d0d0;--accent-lime: #c0c0c0;--accent-yellow: #b0b0b0;--accent-orange: #a0a0a0;--bg-dark: #3a3a3a;--bg-card: #2a2a2a;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #555555}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#3a3a3a}::-webkit-scrollbar-thumb{background:#666666;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#888888}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.btn-primary{background:#7c8fa3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s}.btn-primary:hover:not(:disabled){background:#6b7d91;box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#d4d4d4;color:#3a3a3a;border:1px solid #b0b0b0;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s}.btn-secondary:hover:not(:disabled){background:#e5e5e5;border-color:#a0a0a0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-success{background:#7c8fa3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-success:hover:not(:disabled){background:#6b7d91;transform:translateY(-2px)}.btn-danger{background:#7c8fa3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s}.btn-danger:hover:not(:disabled){background:#6b7d91;transform:translateY(-2px)}.card,.card-stat{background:#2a2a2a;border-radius:12px;padding:1.5rem;border:1px solid #555555;transition:all .3s}.card:hover,.card-stat:hover{box-shadow:0 8px 24px #0000004d;border-color:#d4d4d4}input,textarea,select{background:#e5e5e5;color:#3a3a3a;border:1px solid #d0d0d0;padding:.75rem 1rem;border-radius:6px;transition:all .3s}input::placeholder,textarea::placeholder,select::placeholder{color:#888}input:focus,textarea:focus,select:focus{outline:none;border-color:#7c8fa3;box-shadow:0 0 0 3px #7c8fa31a}input:disabled,textarea:disabled,select:disabled{background:#cccccc;color:#888;cursor:not-allowed}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}