.login-container{background:radial-gradient(120% 60% at 50% -10%,#2563eb2e,#0000 60%),linear-gradient(#f4f6fb 0%,#e6ecfa 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-form{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff9;width:100%;max-width:440px;padding:40px 36px 32px}.login-form h1{color:var(--c-brand);font-size:var(--fs-3xl);letter-spacing:-.02em;background:linear-gradient(135deg, var(--c-brand) 0%, var(--c-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-weight:800}.login-form h2{color:var(--c-text-muted);font-size:var(--fs-md);margin:0 0 28px;font-weight:500}.login-form label{color:var(--c-text);font-size:var(--fs-sm);margin-bottom:18px;font-weight:600;display:block}.login-form input{border:1.5px solid var(--c-border);border-radius:var(--radius-md);width:100%;font-size:var(--fs-md);background:#fafbfc;margin-top:8px;padding:13px 16px;transition:border-color .15s,background .15s,box-shadow .15s}.login-form input:focus{border-color:var(--c-primary);background:var(--c-surface);outline:none;box-shadow:0 0 0 4px #2563eb1f}.login-form input:disabled{color:var(--c-text-muted);background:#f3f4f6}.login-form button{background:linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-strong) 100%);color:#fff;border-radius:var(--radius-md);width:100%;font-size:var(--fs-md);letter-spacing:.01em;border:none;margin-top:12px;padding:14px 18px;font-weight:600;transition:transform 50ms,box-shadow .15s,opacity .15s;box-shadow:0 4px 14px #2563eb47}.login-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb5c}.login-form button:active:not(:disabled){transform:translateY(0)}.login-form button:disabled{opacity:.65;cursor:not-allowed}.help{color:var(--c-text-muted);font-size:var(--fs-sm);text-align:center;margin-top:22px}.help a{color:var(--c-primary);font-weight:500}@media (width<=480px){.login-form{border-radius:var(--radius-md);padding:32px 24px 28px}.login-form h1{font-size:26px}}.table-wrapper{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--c-border-soft);overflow:hidden}.demo-list{border-collapse:collapse;width:100%}.demo-list th,.demo-list td{text-align:left;border-bottom:1px solid var(--c-border-soft);font-size:var(--fs-sm);vertical-align:middle;padding:14px 18px}.demo-list th{color:var(--c-text-muted);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#fafbfc 0%,#f4f6fb 100%)}.demo-list tbody tr{transition:background .12s}.demo-list tbody tr:hover{background:#fafbfc}.demo-list tbody tr:last-child td{border-bottom:none}.cell-mono{font-family:ui-monospace,SF Mono,Menlo,Courier New,monospace;font-size:var(--fs-sm);color:var(--c-text)}.token-positive{color:var(--c-success);font-weight:700}.token-zero{color:var(--c-danger);font-weight:700}.status-chip{border-radius:var(--radius-pill);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;padding:4px 12px;font-weight:700;display:inline-block}.status-active{background:var(--c-success-bg);color:#065f46}.status-expired{background:var(--c-warning-bg);color:#92400e}.status-disabled{background:var(--c-bg);color:var(--c-text-muted)}.row-actions{flex-wrap:wrap;gap:4px;display:inline-flex}.btn-link{color:var(--c-primary);border-radius:var(--radius-sm);font-size:var(--fs-sm);background:0 0;border:1px solid #0000;padding:6px 12px;font-weight:600;transition:background .12s,border-color .12s}.btn-link:hover{background:var(--c-primary-soft);text-decoration:none}.btn-danger{color:var(--c-danger)}.btn-danger:hover{background:var(--c-danger-bg)}.muted{color:var(--c-text-soft)}.empty-state{text-align:center;color:var(--c-text-muted);background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px dashed var(--c-border);font-size:var(--fs-md);padding:80px 24px}.demo-list td .cell-label{display:none}@media (width<=760px){.table-wrapper{box-shadow:none;background:0 0;border:none;overflow:visible}.demo-list,.demo-list thead,.demo-list tbody,.demo-list tr,.demo-list th,.demo-list td{display:block}.demo-list thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.demo-list tbody tr{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--c-border-soft);margin-bottom:14px;padding:6px 4px;transition:none}.demo-list tbody tr:hover{background:var(--c-surface)}.demo-list td{border-bottom:1px solid var(--c-border-soft);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.demo-list td:last-child{border-bottom:none}.demo-list td .cell-label{color:var(--c-text-muted);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-weight:600;display:inline}.demo-list td .cell-value{text-align:right;word-break:break-word;min-width:0}.row-actions{justify-content:flex-end;width:100%}.btn-link{padding:8px 14px}}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.18s ease-out overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--c-surface);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:92dvh;box-shadow:var(--shadow-lg);padding:32px;animation:.22s cubic-bezier(.21,1.02,.73,1) modal-in;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal h2{color:var(--c-brand);font-size:var(--fs-2xl);letter-spacing:-.01em;margin:0 0 20px;font-weight:700}.modal p{font-size:var(--fs-sm);color:var(--c-text-muted);margin:0 0 12px;line-height:1.55}.modal label{font-size:var(--fs-sm);color:var(--c-text);margin-bottom:16px;font-weight:600;display:block}.modal input[type=text],.modal input[type=email],.modal input[type=number]{border:1.5px solid var(--c-border);border-radius:var(--radius-md);width:100%;font-size:var(--fs-md);background:#fafbfc;margin-top:6px;padding:11px 14px;transition:border-color .15s,background .15s,box-shadow .15s}.modal input:focus{border-color:var(--c-primary);background:var(--c-surface);outline:none;box-shadow:0 0 0 4px #2563eb1f}.modal input:disabled{color:var(--c-text-muted);background:#f3f4f6}.modal .row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal fieldset{border:1.5px solid var(--c-border-soft);border-radius:var(--radius-md);background:#fafbfc;margin-bottom:16px;padding:14px 16px 6px}.modal legend{color:var(--c-brand);font-weight:700;font-size:var(--fs-sm);padding:0 8px}.checkbox-row{cursor:pointer;border-radius:var(--radius-sm);align-items:flex-start;gap:12px;margin-bottom:10px;padding:6px 8px;font-weight:400;transition:background .12s;display:flex}.checkbox-row:hover{background:var(--c-primary-soft)}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--c-primary);cursor:pointer;margin-top:4px}.module-desc{color:var(--c-text-muted);font-size:var(--fs-sm);font-style:normal}.actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.actions button{border-radius:var(--radius-md);border:1.5px solid var(--c-border);background:var(--c-surface);font-size:var(--fs-md);color:var(--c-text);padding:12px 22px;font-weight:600;transition:background .12s,border-color .12s}.actions button:hover:not(:disabled){background:var(--c-bg);border-color:var(--c-text-soft)}.btn-primary{box-shadow:0 4px 14px #2563eb47;background:linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-strong) 100%)!important;color:#fff!important;border-color:var(--c-primary)!important}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #2563eb5c;background:linear-gradient(135deg, var(--c-primary-strong) 0%, #1e40af 100%)!important}.error{background:var(--c-danger-bg);color:#991b1b;border-radius:var(--radius-md);font-size:var(--fs-sm);border-left:4px solid var(--c-danger);margin:14px 0;padding:12px 14px}.credentials-box{border-radius:var(--radius-md);font-size:var(--fs-sm);border:1px solid var(--c-border-soft);background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 100%);margin:18px 0;padding:18px}.credentials-box div{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.credentials-box div:last-child{margin-bottom:0}.credentials-box code{background:var(--c-surface);border-radius:var(--radius-sm);border:1px solid var(--c-border);font-family:ui-monospace,SF Mono,Menlo,Courier New,monospace;font-size:var(--fs-sm);word-break:break-all;padding:4px 10px}.warning{background:var(--c-warning-bg);border-radius:var(--radius-md);color:#92400e;font-size:var(--fs-sm);border-left:4px solid #f59e0b;margin:18px 0;padding:14px 16px}@media (width<=600px){.modal{border-radius:var(--radius-md);max-height:96dvh;padding:24px 20px}.modal h2{font-size:22px}.modal .row{grid-template-columns:1fr;gap:0}.actions{flex-direction:column-reverse}.actions button{width:100%}}.dashboard{flex-direction:column;min-height:100dvh;display:flex}.dashboard-header{background:var(--c-surface);box-shadow:var(--shadow-sm);z-index:10;border-bottom:1px solid var(--c-border-soft);justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--c-brand) 0%, var(--c-primary) 100%);color:#fff;letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 12px #2563eb47}.brand-title{font-size:var(--fs-lg);color:var(--c-brand);letter-spacing:-.01em;font-weight:700;line-height:1.1}.brand-subtitle{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-weight:500}.header-right{align-items:center;gap:12px;display:flex}.partner-badge{background:var(--c-bg);border-radius:var(--radius-pill);border:1px solid var(--c-border-soft);align-items:center;gap:10px;padding:6px 14px 6px 6px;display:flex}.partner-avatar{background:linear-gradient(135deg, var(--c-primary) 0%, var(--c-brand) 100%);color:#fff;width:28px;height:28px;font-weight:700;font-size:var(--fs-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.partner-name{font-size:var(--fs-sm);color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-weight:600;overflow:hidden}.dashboard-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:28px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{appearance:none;background:var(--c-surface);border:1.5px solid var(--c-border-soft);border-radius:var(--radius-lg);text-align:left;box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;gap:8px;padding:18px 20px;font-family:inherit;transition:transform .1s,border-color .15s,box-shadow .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.is-active{border-color:var(--c-primary);box-shadow:0 0 0 3px #2563eb24, var(--shadow-md)}.stat-card--success.is-active{border-color:var(--c-success);box-shadow:0 0 0 3px #05966924, var(--shadow-md)}.stat-card--warning.is-active{border-color:var(--c-warning);box-shadow:0 0 0 3px #b4530924, var(--shadow-md)}.stat-card--muted.is-active{border-color:var(--c-text-soft);box-shadow:0 0 0 3px #94a3b82e, var(--shadow-md)}.stat-label{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.stat-value{font-size:var(--fs-3xl);color:var(--c-text);letter-spacing:-.02em;font-weight:800;line-height:1}.stat-card--success .stat-value{color:var(--c-success)}.stat-card--warning .stat-value{color:var(--c-warning)}.stat-card--muted .stat-value{color:var(--c-text-soft)}.actions-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-strong) 100%);color:#fff;border-radius:var(--radius-md);font-size:var(--fs-md);border:none;align-items:center;gap:8px;padding:12px 22px;font-weight:600;transition:transform 50ms,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #2563eb47}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #2563eb5c}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-plus{font-size:18px;font-weight:400;line-height:1}.btn-ghost{background:var(--c-surface);border:1.5px solid var(--c-border);color:var(--c-text);border-radius:var(--radius-md);font-size:var(--fs-sm);padding:11px 18px;font-weight:600;transition:background .15s,border-color .15s}.btn-ghost:hover:not(:disabled){background:var(--c-bg);border-color:var(--c-text-soft)}.btn-ghost:disabled{opacity:.6;cursor:not-allowed}.error{background:var(--c-danger-bg);color:#991b1b;border-radius:var(--radius-md);font-size:var(--fs-sm);border-left:4px solid var(--c-danger);margin-bottom:16px;padding:14px 16px}.loading{text-align:center;color:var(--c-text-muted);font-size:var(--fs-md);padding:64px 24px}@media (width<=900px){.dashboard-header{padding:14px 18px}.dashboard-main{padding:20px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:26px}.partner-name{max-width:120px}.brand-subtitle{display:none}}@media (width<=480px){.brand-mark{width:36px;height:36px;font-size:13px}.brand-title{font-size:15px}.partner-badge{padding:4px 10px 4px 4px}.partner-avatar{width:24px;height:24px;font-size:11px}.partner-name{display:none}.actions-bar{gap:8px}.btn-primary{flex:1;justify-content:center;padding:11px 16px}.btn-ghost{padding:10px 14px}}:root{--c-primary:#2563eb;--c-primary-strong:#1d4ed8;--c-primary-soft:#dbeafe;--c-brand:#1e3a8a;--c-bg:#f4f6fb;--c-bg-alt:#fff;--c-surface:#fff;--c-border:#e5e7eb;--c-border-soft:#eef0f4;--c-text:#0f172a;--c-text-muted:#64748b;--c-text-soft:#94a3b8;--c-success:#059669;--c-success-bg:#d1fae5;--c-warning:#b45309;--c-warning-bg:#fef3c7;--c-danger:#dc2626;--c-danger-bg:#fee2e2;--c-info-bg:#ecfeff;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0d;--shadow-md:0 4px 12px #0f172a0f, 0 2px 4px #0f172a0a;--shadow-lg:0 18px 40px -12px #0f172a2e, 0 6px 16px #0f172a0f;--fs-xs:12.5px;--fs-sm:14px;--fs-md:15.5px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:30px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--c-bg);color:var(--c-text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--c-primary-soft);color:var(--c-brand)}