:root{--bg-main: #090a0f;--bg-surface: #0e111a;--bg-card: #121520;--bg-card-hover: #161a28;--bg-input: #0a0c14;--accent-red: #ef4444;--accent-red-hover: #dc2626;--accent-red-dark: #b91c1c;--accent-amber: #f59e0b;--accent-amber-light: #fbbf24;--accent-amber-hover: #d97706;--accent-amber-dark: #b45309;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--text-accent: #fbbf24;--border-subtle: rgba(255, 255, 255, .07);--border-focus: rgba(245, 158, 11, .5);--border-strong: rgba(255, 255, 255, .14);--status-online: #10b981;--status-warning: #f59e0b;--status-danger: #ef4444;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition: all .15s ease}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-family);direction:ltr;min-height:100vh;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font-family:inherit}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:22px;transition:var(--transition);box-shadow:0 1px 3px #0003}.card:hover{border-color:#ffffff24}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:var(--radius-md);font-weight:700;font-size:.9rem;cursor:pointer;border:1px solid transparent;transition:var(--transition);text-decoration:none;-webkit-user-select:none;user-select:none;line-height:1}.btn-primary{background:#f59e0b;color:#08090d;border:1px solid rgba(251,191,36,.5);box-shadow:none}.btn-primary:hover{background:#fbbf24;color:#040507;border-color:#fbbf24;transform:none;box-shadow:0 2px 6px #0000004d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#141724;color:#e2e8f0;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#1b2030;border-color:#fff3;color:#fff}.btn-outline{background:transparent;color:var(--accent-amber);border:1px solid rgba(245,158,11,.4)}.btn-outline:hover{background:#f59e0b1a;border-color:var(--accent-amber);color:#fbbf24}.btn-danger{background:#ef444424;color:#fca5a5;border:1px solid rgba(239,68,68,.28)}.btn-danger:hover{background:#ef444440;border-color:#ef4444;color:#fff}.btn-sm{height:34px;padding:0 14px;font-size:.82rem;border-radius:var(--radius-sm)}.btn-lg{height:50px;padding:0 32px;font-size:1.05rem;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-sm);font-size:.74rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;line-height:1.2}.badge-yellow{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-red{background:#ef444424;color:#f87171;border:1px solid rgba(239,68,68,.28)}.badge-green{background:#10b98124;color:#34d399;border:1px solid rgba(16,185,129,.28)}.badge-gray{background:#ffffff12;color:var(--text-muted);border:1px solid var(--border-subtle)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.status-dot.online{background:var(--status-online);box-shadow:0 0 8px #10b98199}.status-dot.offline{background:var(--text-dim)}.status-dot.gold,.status-dot.red{background:var(--accent-red, #ef4444);box-shadow:0 0 8px #ef444466}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-custom{min-width:620px;width:100%;border-collapse:collapse}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.86rem;font-weight:700;color:var(--text-muted);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 14px;color:var(--text-main);font-size:.94rem;transition:var(--transition);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ef444480;box-shadow:0 0 0 3px #ef444426}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-main)}.top-navbar{height:64px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:40}.content-body{padding:28px;flex:1;max-width:1400px;width:100%;margin:0 auto}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:var(--text-muted);text-decoration:none;font-weight:700;font-size:.92rem;border-left:3px solid transparent;cursor:pointer;transition:var(--transition)}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{color:#fff;background:#f59e0b1a;border-left-color:var(--accent-amber)}.table-responsive{width:100%;overflow-x:auto}.table-custom{width:100%;border-collapse:collapse;text-align:left}.table-custom th{padding:12px 16px;font-size:.8rem;font-weight:800;color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border-subtle);background:#0003}.table-custom td{padding:14px 16px;border-bottom:1px solid var(--border-subtle);font-size:.92rem}.table-custom tr:hover td{background:#ffffff05}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-box{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);max-width:580px;width:100%;padding:28px;box-shadow:0 20px 50px #000000b3;position:relative;max-height:90vh;overflow-y:auto}.logo-animated-motion{display:flex;align-items:center;gap:10px}.status-dot.online{background-color:var(--status-online)}.mobile-nav-toggle{display:none;background:transparent;border:1px solid var(--border-subtle);color:var(--text-main);padding:0;cursor:pointer;border-radius:var(--radius-sm);align-items:center;justify-content:center;min-height:40px;min-width:40px;transition:var(--transition)}.mobile-nav-toggle:hover{background:#ffffff0d;border-color:var(--border-strong)}.sidebar-backdrop{display:none}@media(max-width:900px){.mobile-nav-toggle{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:290px;height:100vh;z-index:1000;background:#090b12;border-right:1px solid var(--border-strong);transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:none;overflow-y:auto}.sidebar.mobile-open{transform:translate(0);box-shadow:20px 0 50px #000000e6}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.mobile-open{opacity:1;pointer-events:auto}.top-navbar{height:60px;padding:0 16px}.content-body{padding:16px 14px}.btn{min-height:44px}.nav-item{padding:14px 20px;font-size:.95rem;min-height:48px}input,select,textarea{font-size:16px!important}.table-responsive{border-radius:var(--radius-md);border:1px solid var(--border-subtle);-webkit-overflow-scrolling:touch}}@media(max-width:640px){.top-navbar{padding:0 12px}.navbar-status-text{display:none}.content-body{padding:12px 10px}.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:20px 20px 0 0;max-height:88vh;width:100%;max-width:100%;border-bottom:none;padding:22px 18px 32px;box-shadow:0 -10px 40px #000c}}