.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-darker);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;padding:24px 0;display:flex}.logo{padding:0 24px 32px}.logo-text{background:linear-gradient(135deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:20px;font-weight:700}.nav{flex-direction:column;flex:1;gap:4px;padding:0 12px;display:flex}.nav-item{color:var(--text-secondary);transition:var(--transition);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:flex}.nav-item:hover{background:var(--bg-card);color:var(--text)}.nav-item.active{color:var(--primary);background:#00d4ff1a}.footer{border-top:1px solid var(--border);margin-top:auto;padding:16px 24px 0}.logout-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);transition:var(--transition);background:0 0;padding:10px;font-size:14px}.logout-btn:hover{border-color:var(--error);color:var(--error)}.main{flex:1;padding:32px 40px;overflow-y:auto}.card-header-row[data-v-6d5d1b46]{justify-content:space-between;align-items:center;display:flex}.card-header-row h2[data-v-6d5d1b46]{margin:0}.current-ip[data-v-6d5d1b46]{align-items:center;gap:6px;display:flex}.current-ip-label[data-v-6d5d1b46]{color:var(--text-secondary);font-size:12px}.current-ip-value[data-v-6d5d1b46]{color:var(--primary);font-family:monospace;font-size:13px;font-weight:600}.form-vertical[data-v-6d5d1b46]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-6d5d1b46]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-6d5d1b46]{color:var(--text-secondary);font-size:13px;font-weight:500}.help-text[data-v-6d5d1b46]{color:var(--text-secondary);margin:0;font-size:13px}.help-text code[data-v-6d5d1b46]{background:var(--bg-dark);border-radius:3px;padding:1px 6px;font-family:monospace}.form-error[data-v-6d5d1b46]{color:var(--error);font-size:14px}.form-success[data-v-6d5d1b46]{color:var(--success);font-size:14px}.form-actions[data-v-6d5d1b46]{justify-content:flex-end;gap:12px;display:flex}.form-vertical[data-v-377aae52]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-377aae52]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-377aae52]{color:var(--text-secondary);font-size:13px;font-weight:500}.form-error[data-v-377aae52]{color:var(--error);font-size:14px}.form-success[data-v-377aae52]{color:var(--success,#22c55e);font-size:14px}.form-actions[data-v-377aae52]{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.stat-card[data-v-aeb25801]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.stat-card-header[data-v-aeb25801]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.stat-label[data-v-aeb25801]{color:var(--text-secondary);font-size:14px}.stat-tier[data-v-aeb25801]{color:var(--primary);background:#00d4ff1a;border-radius:10px;padding:2px 8px;font-size:11px}.stat-value[data-v-aeb25801]{color:var(--text);font-size:32px;font-weight:700}.stat-subtext[data-v-aeb25801]{color:var(--text-muted);margin-top:8px;font-size:13px}.spinner-wrap[data-v-dea626cd]{color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:80px 0;display:flex}.spinner[data-v-dea626cd]{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin-dea626cd}@keyframes spin-dea626cd{to{transform:rotate(360deg)}}.tier-list[data-v-c365eb6f]{flex-direction:column;gap:16px;display:flex}.tier-item[data-v-c365eb6f]{align-items:center;gap:12px;display:flex}.tier-name[data-v-c365eb6f]{width:100px;color:var(--text-secondary);font-size:14px}.tier-bar-wrap[data-v-c365eb6f]{background:var(--bg-dark);border-radius:4px;flex:1;height:8px;overflow:hidden}.tier-bar[data-v-c365eb6f]{background:linear-gradient(90deg, var(--primary), var(--primary-light));border-radius:4px;height:100%;transition:width .6s}.tier-count[data-v-c365eb6f]{text-align:right;width:40px;font-size:14px;font-weight:600}.auth-page[data-v-994d3330]{background:var(--bg-darker);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card[data-v-994d3330]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:40px}.auth-title[data-v-994d3330]{margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle[data-v-994d3330]{color:var(--text-secondary);margin-bottom:32px}.auth-form[data-v-994d3330]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-994d3330]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-994d3330]{color:var(--text-secondary);font-size:13px;font-weight:500}.form-error[data-v-994d3330]{color:var(--error);font-size:14px}.auth-page[data-v-87dffc43]{background:var(--bg-darker);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card[data-v-87dffc43]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;padding:40px}.auth-title[data-v-87dffc43]{margin-bottom:8px;font-size:24px;font-weight:700}.auth-subtitle[data-v-87dffc43]{color:var(--text-secondary);margin-bottom:32px}.auth-form[data-v-87dffc43]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-87dffc43]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-87dffc43]{color:var(--text-secondary);font-size:13px;font-weight:500}.form-error[data-v-87dffc43]{color:var(--error);font-size:14px}.auth-link[data-v-87dffc43]{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:14px}.status-badge[data-v-d43c824a]{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.active[data-v-d43c824a]{color:var(--success);background:#00e6761a}.expired[data-v-d43c824a]{color:var(--warning);background:#ffab001a}.revoked[data-v-d43c824a]{color:var(--error);background:#ff52521a}.deactivated[data-v-d43c824a]{color:var(--text-muted);background:#5a64781a}.pagination[data-v-b19f3828]{justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.page-btn[data-v-b19f3828]{background:var(--bg-card);border:1px solid var(--border);color:var(--text);transition:var(--transition);border-radius:6px;padding:8px 14px;font-size:14px}.page-btn[data-v-b19f3828]:hover:not(:disabled):not(.active){border-color:var(--primary);color:var(--primary)}.page-btn.active[data-v-b19f3828]{background:var(--primary);color:var(--bg-darker);border-color:var(--primary);font-weight:600}.page-btn[data-v-b19f3828]:disabled{opacity:.4;cursor:not-allowed}.page-info[data-v-b19f3828]{color:var(--text-secondary);margin-left:12px;font-size:13px}.key-text[data-v-d27e7469]{background:var(--bg-dark);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.copy-btn[data-v-08592c0a]{background:var(--bg-dark);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);transition:var(--transition);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.copy-btn[data-v-08592c0a]:hover{border-color:var(--primary);color:var(--primary)}.date-picker[data-v-ae2978f2]{align-items:center;display:flex;position:relative}.date-input[data-v-ae2978f2]{padding-right:40px}.date-btn[data-v-ae2978f2]{width:28px;height:28px;color:var(--text-secondary);transition:var(--transition);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;right:6px}.date-btn[data-v-ae2978f2]:hover{background:var(--bg-card-hover);color:var(--primary)}.form-grid[data-v-7c5afa0c]{grid-template-columns:1fr 1fr;gap:20px;max-width:720px;display:grid}.form-group[data-v-7c5afa0c]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-7c5afa0c]{color:var(--text-secondary);font-size:13px;font-weight:500}.req[data-v-7c5afa0c]{color:var(--error)}.form-actions[data-v-7c5afa0c]{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-cancel[data-v-7c5afa0c]{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);align-items:center;padding:10px 24px;font-size:14px;text-decoration:none;display:inline-flex}.form-error[data-v-7c5afa0c]{color:var(--error);font-size:14px}.result-box[data-v-7c5afa0c]{background:var(--bg-dark);border:1px solid var(--primary);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.result-label[data-v-7c5afa0c]{color:var(--text-secondary);font-size:14px}.result-key[data-v-7c5afa0c]{color:var(--primary);word-break:break-all;font-family:monospace;font-size:16px}.page-nav[data-v-42fa77a5]{margin-bottom:8px}.back-link[data-v-42fa77a5]{color:var(--text-secondary);font-size:14px}.back-link[data-v-42fa77a5]:hover{color:var(--primary)}.info-value-row[data-v-42fa77a5]{align-items:center;gap:8px;display:flex}.key-full[data-v-42fa77a5]{background:var(--bg-dark);word-break:break-all;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:13px}.card-actions[data-v-42fa77a5]{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.key-text[data-v-42fa77a5]{background:var(--bg-dark);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px}.detail-section[data-v-42fa77a5]{max-width:800px}.page-nav[data-v-b6f8ac63]{margin-bottom:8px}.back-link[data-v-b6f8ac63]{color:var(--text-secondary);font-size:14px}.back-link[data-v-b6f8ac63]:hover{color:var(--primary)}.form-vertical[data-v-b6f8ac63]{flex-direction:column;gap:20px;display:flex}.form-group[data-v-b6f8ac63]{flex-direction:column;gap:6px;display:flex}.form-group label[data-v-b6f8ac63]{color:var(--text-secondary);font-size:13px;font-weight:500}.form-error[data-v-b6f8ac63]{color:var(--error);font-size:14px}.form-actions[data-v-b6f8ac63]{justify-content:flex-end;gap:12px;display:flex}.btn-cancel[data-v-b6f8ac63]{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);align-items:center;padding:10px 24px;font-size:14px;text-decoration:none;display:inline-flex}.overlay[data-v-5bb9db57]{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.dialog[data-v-5bb9db57]{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:90%;max-width:420px;padding:32px}.dialog-title[data-v-5bb9db57]{margin-bottom:12px;font-size:18px;font-weight:600}.dialog-message[data-v-5bb9db57]{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.6}.dialog-actions[data-v-5bb9db57]{justify-content:flex-end;gap:12px;display:flex}.btn-cancel[data-v-5bb9db57]{background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 24px;font-size:14px}.btn-confirm[data-v-5bb9db57]{background:var(--error);border-radius:var(--radius-sm);color:#fff;padding:10px 24px;font-size:14px;font-weight:500}.key-text[data-v-a0b7e94f]{background:var(--bg-dark);border-radius:4px;margin-right:8px;padding:2px 6px;font-family:monospace;font-size:12px}