:root{--c-primary: #0d9668;--c-primary-dark: #087a54;--c-primary-light: #e6f7f1;--c-primary-ghost: rgba(13, 150, 104, .06);--c-surface: #ffffff;--c-bg: #f4f6f8;--c-text: #111827;--c-text-2: #6b7280;--c-text-3: #9ca3af;--c-border: #e5e7eb;--c-border-light: #f3f4f6;--c-error: #dc2626;--c-error-bg: #fef2f2;--c-error-border: #fecaca;--c-warn-bg: #fffbeb;--c-warn-border: #fde68a;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07);--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d9668,#065f46)}.login-card{background:var(--c-surface);padding:40px 36px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;text-align:center;max-width:400px;width:90%}.login-icon{font-size:48px;margin-bottom:12px}.login-card h1{font-size:22px;margin-bottom:8px}.login-card p{color:var(--c-text-2);margin-bottom:20px;font-size:14px}.login-card input{width:100%;padding:10px 14px;border:1.5px solid var(--c-border);border-radius:var(--radius-md);font-size:14px;text-align:center}.login-card input:focus{outline:none;border-color:var(--c-primary)}.app{max-width:1100px;margin:0 auto;padding:0 16px 40px}.header{background:linear-gradient(135deg,#0d9668,#0a7d56);color:#fff;padding:16px 20px;border-radius:0 0 var(--radius-lg) var(--radius-lg);display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:10px}.header-logo{width:34px;height:34px;background:#ffffff2e;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.header h1{font-size:16px;font-weight:700}.subtitle{font-size:11px;opacity:.7}.logout-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.08);color:#fff;padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#ffffff38}.tabs{display:flex;gap:0;background:var(--c-surface);margin:16px 0 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--c-border-light)}.tab{flex:1;padding:12px 16px;background:none;border:none;font-size:14px;font-weight:600;cursor:pointer;color:var(--c-text-2);transition:all .2s;border-bottom:2px solid transparent}.tab:hover{color:var(--c-text);background:var(--c-primary-ghost)}.tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.main{margin-top:16px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px}.table-wrap{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid var(--c-border-light)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;color:var(--c-text-3);text-transform:uppercase;letter-spacing:.5px;background:var(--c-bg);border-bottom:1px solid var(--c-border)}.table td{padding:12px 16px;border-bottom:1px solid var(--c-border-light)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--c-primary-ghost)}.active-row{background:var(--c-primary-light)!important}.name-cell{font-weight:600}.date-cell{color:var(--c-text-2);font-size:13px;white-space:nowrap}.actions-cell{display:flex;gap:6px;flex-wrap:wrap}.badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#f3f4f6;color:#9ca3af}.btn{padding:9px 18px;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-primary-dark)}.btn-outline{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border)}.btn-outline:hover:not(:disabled){border-color:var(--c-text-3);background:var(--c-bg)}.btn-danger{background:var(--c-surface);color:var(--c-error);border:1px solid var(--c-error-border)}.btn-danger:hover:not(:disabled){background:var(--c-error-bg)}.btn-sm{padding:5px 12px;font-size:12px;border-radius:var(--radius-sm)}.btn-sm.btn-primary{background:var(--c-primary);color:#fff;border:none}.btn-sm.btn-primary:hover:not(:disabled){background:var(--c-primary-dark)}.btn-sm.btn-outline{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border)}.btn-sm.btn-danger{background:var(--c-surface);color:var(--c-error);border:1px solid var(--c-error-border)}.btn-sm.btn-danger:hover:not(:disabled){background:var(--c-error-bg)}.empty{text-align:center;padding:48px 24px;color:var(--c-text-3);font-size:14px}.error-banner{padding:10px 14px;background:var(--c-error-bg);border:1px solid var(--c-error-border);border-radius:var(--radius-md);color:var(--c-error);font-size:13px;margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-start;justify-content:center;padding-top:40px;z-index:100;overflow-y:auto}.modal{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000026;max-width:720px;width:95%;margin-bottom:40px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--c-border-light)}.modal-header h2{font-size:17px}.modal-close{background:none;border:none;font-size:24px;color:var(--c-text-3);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--c-text)}.modal-body{padding:24px;max-height:70vh;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid var(--c-border-light);margin-top:8px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--c-text-2)}.label-hint{font-weight:400;color:var(--c-text-3);font-size:11px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1.5px solid var(--c-border);border-radius:var(--radius-md);font-size:14px;color:var(--c-text);background:var(--c-surface);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--c-primary)}.form-group select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.code-area{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.6;resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.password-wrap{display:flex;gap:6px}.password-wrap input{flex:1}.toggle-key{flex-shrink:0;background:var(--c-bg);border:1px solid var(--c-border);padding:0 12px;border-radius:var(--radius-md);font-size:12px;cursor:pointer;color:var(--c-text-2)}.toggle-key:hover{background:var(--c-border-light)}.token-banner{padding:16px;background:var(--c-warn-bg);border:1px solid var(--c-warn-border);border-radius:var(--radius-md);margin-bottom:16px}.token-banner-title{font-weight:600;margin-bottom:8px;font-size:14px}.token-banner-value{display:flex;align-items:center;gap:10px;margin-bottom:10px}.token-banner-value code{flex:1;padding:8px 12px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:13px;word-break:break-all}.token-create{display:flex;gap:8px}.token-create input{flex:1;padding:9px 12px;border:1.5px solid var(--c-border);border-radius:var(--radius-md);font-size:14px}.token-create input:focus{outline:none;border-color:var(--c-primary)}