:root{--bg-dark: #0f1419;--bg-card: #1a2332;--bg-hover: #243447;--text-primary: #ffffff;--text-secondary: #8899a6;--accent-blue: #1da1f2;--accent-green: #17bf63;--accent-yellow: #ffad1f;--accent-red: #e0245e;--border-color: #38444d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-card);padding:20px;display:flex;flex-direction:column;border-right:1px solid var(--border-color)}.logo h1{font-size:1.5rem;margin-bottom:30px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{list-style:none;flex:1}.nav-links li{margin-bottom:8px}.nav-links a{display:block;padding:12px 16px;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all .2s}.nav-links a:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-links a.active{background:var(--accent-blue);color:var(--text-primary)}.env-badge{padding:8px 12px;background:var(--bg-dark);border-radius:8px;text-align:center;font-size:.9rem;font-weight:600}.content{flex:1;padding:30px;overflow-y:auto}.page-header{margin-bottom:30px}.page-header h2{font-size:1.8rem;margin-bottom:8px}.page-header p{color:var(--text-secondary)}.card{background:var(--bg-card);border-radius:12px;padding:24px;margin-bottom:20px;border:1px solid var(--border-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:1.2rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--bg-card);border-radius:12px;padding:20px;border:1px solid var(--border-color)}.stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value.green{color:var(--accent-green)}.stat-value.yellow{color:var(--accent-yellow)}.stat-value.red{color:var(--accent-red)}.stat-value.blue{color:var(--accent-blue)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-blue)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{opacity:.9}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--accent-green);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.confirm-box{background:#e0245e1a;border:1px solid var(--accent-red);border-radius:8px;padding:20px;margin-top:20px}.confirm-box h4{color:var(--accent-red);margin-bottom:12px}.confirm-input{margin-top:12px}.level-buttons{display:flex;gap:12px;margin-bottom:20px}.level-btn{flex:1;padding:16px;border:2px solid var(--border-color);border-radius:12px;background:transparent;color:var(--text-primary);cursor:pointer;transition:all .2s}.level-btn:hover{border-color:var(--accent-blue)}.level-btn.active{border-color:var(--accent-blue);background:#1da1f21a}.level-btn.l0{border-color:var(--accent-green)}.level-btn.l0.active{background:#17bf631a}.level-btn.l1{border-color:var(--accent-yellow)}.level-btn.l1.active{background:#ffad1f1a}.level-btn.l2,.level-btn.l3{border-color:var(--accent-red)}.level-btn.l2.active,.level-btn.l3.active{background:#e0245e1a}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.audit-table th{color:var(--text-secondary);font-weight:500}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.badge-green{background:#17bf6333;color:var(--accent-green)}.badge-red{background:#e0245e33;color:var(--accent-red)}.badge-yellow{background:#ffad1f33;color:var(--accent-yellow)}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:var(--text-secondary)}.error-message{background:#e0245e1a;border:1px solid var(--accent-red);color:var(--accent-red);padding:12px;border-radius:8px;margin-bottom:20px}.success-message{background:#17bf631a;border:1px solid var(--accent-green);color:var(--accent-green);padding:12px;border-radius:8px;margin-bottom:20px}