:root{--bg-color:#0d1117;--panel-bg:#161b22b3;--border-color:#ffffff1a;--text-primary:#c9d1d9;--text-secondary:#8b949e;--accent-color:#58a6ff;--accent-hover:#1f6feb;--success-color:#238636;--error-color:#f85149;--warning-color:#d29922;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:#fff}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:12px;padding:24px}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:#ffffff0d}.btn-block{width:100%}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;display:block}.form-select,.form-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);appearance:none;background-color:#0003;border-radius:6px;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%238b949e%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 12px top 50%;background-repeat:no-repeat;background-size:12px}.form-select:focus,.form-input:focus{border-color:var(--accent-color);outline:none}.form-select option{background-color:var(--bg-color);color:var(--text-primary)}.app-container{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);width:250px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:#0d1117cc;flex-direction:column;padding:24px;display:flex}.sidebar-logo{color:#fff;align-items:center;gap:12px;margin-bottom:40px;font-size:20px;font-weight:700;display:flex}.nav-link{color:var(--text-secondary);border-radius:6px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0d}.main-content{flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--border-color);background:#0d111766;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}.user-profile{cursor:pointer;border:1px solid var(--border-color);background:#ffffff0d;border-radius:20px;align-items:center;gap:10px;padding:6px 14px;font-size:14px;font-weight:500;display:flex}.page-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px}.status-badge{border:1px solid var(--border-color);background:#ffffff0d;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-online .status-dot,.status-success .status-dot{background-color:var(--success-color);box-shadow:0 0 8px var(--success-color)}.status-offline .status-dot,.status-error .status-dot{background-color:var(--error-color)}.status-pending .status-dot,.status-unknown .status-dot{background-color:var(--warning-color)}.data-table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:14px 16px}.data-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.data-table tr:hover td{background:#ffffff05}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:450px;animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.otp-inputs{justify-content:center;gap:10px;margin:30px 0;display:flex}.otp-input{text-align:center;border:1px solid var(--border-color);color:#fff;background:#0000004d;border-radius:8px;width:50px;height:60px;font-size:28px;font-weight:600}.otp-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #58a6ff33}.result-screen{text-align:center;padding:40px 20px}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:40px;display:flex}.result-success .result-icon{color:var(--success-color);background:#2386361a}.result-error .result-icon{color:var(--error-color);background:#f851491a}.result-details{text-align:left;background:#0003;border-radius:8px;margin-top:30px;padding:20px}.result-item{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:12px;padding-bottom:12px;display:flex}.result-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.result-item span:first-child{color:var(--text-secondary)}.error-message{color:var(--error-color);background:#f851491a;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}