.app{min-height:100vh;background:#000;color:#fff}.header{background:#111;border-bottom:1px solid #333;padding:1rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.header h1{font-size:1.5rem;font-weight:600}.logout-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:500}.logout-btn:hover{background:#dc2626}.container{display:flex;min-height:calc(100vh - 73px)}.sidebar{width:250px;background:#111;border-right:1px solid #333;padding:1rem}.sidebar nav{display:flex;flex-direction:column;gap:.5rem}.sidebar button{background:transparent;color:#9ca3af;border:none;padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;text-align:left;font-size:.95rem;transition:all .2s}.sidebar button:hover{background:#1f1f1f;color:#fff}.sidebar button.active{background:#ef4444;color:#fff}.main-content{flex:1;padding:2rem;overflow-y:auto}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #333;border-top-color:#ef4444;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:#111;border:1px solid #333;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#9ca3af;font-size:.875rem;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;background:#1f1f1f;border:1px solid #333;border-radius:.5rem;padding:.75rem;color:#fff;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ef4444}.form-group textarea{min-height:150px;resize:vertical;font-family:inherit}.btn{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;font-size:.95rem;transition:background .2s}.btn:hover{background:#dc2626}.btn-secondary{background:#333}.btn-secondary:hover{background:#444}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#ef4444}input:checked+.toggle-slider:before{transform:translate(26px)}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table th,.table td{padding:.75rem;text-align:left;border-bottom:1px solid #333}.table th{color:#9ca3af;font-weight:500;font-size:.875rem}.table td{color:#fff}.btn-danger{background:#dc2626;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.875rem}.btn-danger:hover{background:#b91c1c}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#111;border:1px solid #333;border-radius:1rem;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:1.5rem}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#000,#111)}.login-card{background:#111;border:1px solid #333;border-radius:1rem;padding:2.5rem;width:100%;max-width:400px;text-align:center}.login-card h1{font-size:1.75rem;margin-bottom:.5rem}.login-subtitle{color:#9ca3af;margin-bottom:2rem;font-size:.95rem}.login-card form{text-align:left}.login-card .form-group{margin-bottom:1.5rem}.login-card input{width:100%;background:#1f1f1f;border:1px solid #333;border-radius:.5rem;padding:.75rem;color:#fff;font-size:1rem}.login-card input:focus{outline:none;border-color:#ef4444}.btn-primary{width:100%;background:#ef4444;color:#fff;border:none;padding:.75rem;border-radius:.5rem;cursor:pointer;font-weight:500;font-size:1rem;margin-top:.5rem}.btn-primary:hover{background:#dc2626}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.login-hint{margin-top:1.5rem;color:#6b7280;font-size:.875rem}.login-hint code{background:#1f1f1f;padding:.25rem .5rem;border-radius:.25rem;color:#ef4444}.dashboard h1{font-size:2rem;margin-bottom:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#111;border:1px solid #333;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2.5rem}.stat-value{font-size:1.75rem;font-weight:600;color:#ef4444}.stat-label{color:#9ca3af;font-size:.875rem;margin-top:.25rem}.guide-list{list-style:none;padding:0}.guide-list li{padding:.75rem 0;border-bottom:1px solid #333;color:#9ca3af}.guide-list li:last-child{border-bottom:none}.guide-list li:before{content:"✓ ";color:#10b981;font-weight:700;margin-right:.5rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-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:#000;color:#fff}#root{min-height:100vh}