:root{--sb-keppel-25: #f0fbf9;--sb-keppel-50: #dcf5f0;--sb-keppel-100: #b4ebe1;--sb-keppel-200: #84dccd;--sb-keppel-300: #54cdb9;--sb-keppel-400: #2fbea5;--sb-keppel-500: #00a89c;--sb-keppel-600: #00928a;--sb-keppel-700: #007a73;--sb-keppel-800: #00615c;--sb-keppel-900: #00403d;--sb-gray-25: #fcfcfd;--sb-gray-50: #f9fafb;--sb-gray-100: #f2f4f7;--sb-gray-200: #eaecf0;--sb-gray-300: #d0d5dd;--sb-gray-400: #98a2b3;--sb-gray-500: #667085;--sb-gray-600: #475467;--sb-gray-700: #344054;--sb-gray-800: #1d2939;--sb-gray-900: #101828;--sb-gray-950: #0a0d12;--sb-success-50: #ecfdf3;--sb-success-200: #abefc6;--sb-success-500: #17b26a;--sb-success-700: #067647;--sb-warning-50: #fffaeb;--sb-warning-200: #fedf89;--sb-warning-500: #f79009;--sb-warning-700: #b54708;--sb-error-50: #fef3f2;--sb-error-200: #fecdca;--sb-error-500: #f04438;--sb-error-700: #b42318;--sb-info-50: #eff8ff;--sb-info-200: #b2ddff;--sb-info-500: #2e90fa;--sb-info-700: #175cd3;--sb-bg: #ffffff;--sb-bg-subtle: var(--sb-gray-50);--sb-bg-muted: var(--sb-gray-100);--sb-bg-inverse: var(--sb-gray-900);--sb-surface: #ffffff;--sb-surface-alt: var(--sb-gray-50);--sb-overlay: rgba(16, 24, 40, .6);--sb-fg: var(--sb-gray-900);--sb-fg-muted: var(--sb-gray-600);--sb-fg-subtle: var(--sb-gray-500);--sb-fg-disabled: var(--sb-gray-400);--sb-fg-inverse: #ffffff;--sb-fg-brand: var(--sb-keppel-600);--sb-fg-on-brand: #ffffff;--sb-border: var(--sb-gray-200);--sb-border-strong: var(--sb-gray-300);--sb-border-brand: var(--sb-keppel-500);--sb-focus-ring: rgba(0, 168, 156, .28);--sb-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sb-font-display: "Poppins", "Inter", sans-serif;--sb-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sb-text-xs: .75rem;--sb-text-sm: .875rem;--sb-text-md: 1rem;--sb-text-lg: 1.125rem;--sb-text-xl: 1.25rem;--sb-display-xs: 1.5rem;--sb-display-sm: 1.875rem;--sb-display-md: 2.25rem;--sb-display-lg: 3rem;--sb-display-xl: 3.75rem;--sb-display-2xl: 4.5rem;--sb-leading-tight: 1.1;--sb-leading-snug: 1.25;--sb-leading-normal: 1.5;--sb-tracking-tight: -.02em;--sb-tracking-flat: 0;--sb-tracking-wide: .06em;--sb-space-0: 0;--sb-space-1: 2px;--sb-space-2: 4px;--sb-space-3: 6px;--sb-space-4: 8px;--sb-space-5: 10px;--sb-space-6: 12px;--sb-space-8: 16px;--sb-space-10: 20px;--sb-space-12: 24px;--sb-space-16: 32px;--sb-space-20: 40px;--sb-space-24: 48px;--sb-radius-xs: 4px;--sb-radius-sm: 6px;--sb-radius-md: 8px;--sb-radius-lg: 10px;--sb-radius-xl: 12px;--sb-radius-2xl: 16px;--sb-radius-pill: 999px;--sb-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, .05);--sb-shadow-sm: 0 1px 3px 0 rgba(16, 24, 40, .1), 0 1px 2px 0 rgba(16, 24, 40, .06);--sb-shadow-md: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--sb-shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .03);--sb-shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03);--sb-shadow-focus: 0 0 0 4px var(--sb-focus-ring);--sb-ease-standard: cubic-bezier(.2, 0, 0, 1);--sb-ease-emphasized: cubic-bezier(.3, 0, 0, 1);--sb-dur-fast: .12s;--sb-dur-med: .18s;--sb-dur-slow: .26s}html,body{margin:0;padding:0}.sb,body.sb{font-family:var(--sb-font-sans);color:var(--sb-fg);background:var(--sb-bg-subtle);font-size:var(--sb-text-md);line-height:var(--sb-leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}.sb h1{font-family:var(--sb-font-display);font-weight:600;font-size:var(--sb-display-md);line-height:var(--sb-leading-tight);letter-spacing:var(--sb-tracking-tight);margin:0}.sb h2{font-family:var(--sb-font-display);font-weight:600;font-size:var(--sb-display-sm);line-height:var(--sb-leading-tight);letter-spacing:var(--sb-tracking-tight);margin:0}.sb h3{font-family:var(--sb-font-display);font-weight:600;font-size:var(--sb-display-xs);line-height:var(--sb-leading-snug);margin:0}.sb h4{font-family:var(--sb-font-sans);font-weight:600;font-size:var(--sb-text-lg);line-height:var(--sb-leading-snug);margin:0}.sb p{margin:0;font-size:var(--sb-text-md);color:var(--sb-fg-muted)}.sb small{font-size:var(--sb-text-sm);color:var(--sb-fg-muted)}.sb .eyebrow{font-size:var(--sb-text-xs);font-weight:600;color:var(--sb-fg-brand);text-transform:uppercase;letter-spacing:var(--sb-tracking-wide)}.sb code,.sb .mono{font-family:var(--sb-font-mono);font-size:.9em;color:var(--sb-gray-800);background:var(--sb-gray-100);padding:1px 6px;border-radius:var(--sb-radius-xs)}.sb a{color:var(--sb-fg-brand);text-decoration:none}.sb a:hover{text-decoration:underline}.sb ::selection{background:var(--sb-keppel-200);color:var(--sb-gray-900)}*:focus-visible{outline:none;box-shadow:var(--sb-shadow-focus);border-radius:var(--sb-radius-md)}.app-shell{display:flex;min-height:100vh}.app-shell main{flex:1;display:flex;flex-direction:column;min-width:0}.app-main-content{padding:32px;display:flex;flex-direction:column;gap:24px}.page-title{font-family:var(--sb-font-display);font-size:22px;font-weight:600;color:var(--sb-gray-900);letter-spacing:-.01em}.page-kicker{font-size:11px;color:var(--sb-gray-500);font-weight:500;margin-bottom:2px}.sb-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow-sm);overflow:hidden}.sb-card-header{padding:16px 20px;border-bottom:1px solid var(--sb-border);display:flex;align-items:center;gap:12px}.sb-card-body{padding:20px}.sb-card-footer{padding:16px 20px;border-top:1px solid var(--sb-border);display:flex;align-items:center;justify-content:space-between}.sb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sb-form-grid-full{grid-column:1 / -1}.sb-field{display:flex;flex-direction:column;gap:6px}.sb-field label{font-size:13px;font-weight:500;color:var(--sb-gray-700)}.sb-field input,.sb-field select,.sb-field textarea{padding:8px 12px;border:1px solid var(--sb-border-strong);border-radius:var(--sb-radius-md);font-size:14px;font-family:var(--sb-font-sans);background:var(--sb-bg);box-shadow:var(--sb-shadow-xs);transition:box-shadow var(--sb-dur-fast) var(--sb-ease-standard)}.sb-field input:focus,.sb-field select:focus,.sb-field textarea:focus{outline:none;border-color:var(--sb-keppel-500);box-shadow:var(--sb-shadow-focus)}.sb-field .hint{font-size:12px;color:var(--sb-gray-500)}.sb-field .error{font-size:12px;color:var(--sb-error-700)}.sb-table{width:100%;border-collapse:collapse;font-size:13px}.sb-table thead th{text-align:left;font-size:11px;font-weight:600;color:var(--sb-gray-600);background:var(--sb-gray-50);padding:11px 14px;border-bottom:1px solid var(--sb-border);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sb-table tbody td{padding:13px 14px;border-bottom:1px solid var(--sb-border);color:var(--sb-gray-700)}.sb-table tbody tr{transition:background var(--sb-dur-fast) var(--sb-ease-standard)}.sb-table tbody tr:hover{background:var(--sb-gray-50);cursor:pointer}.sb-table .cell-id{font-family:var(--sb-font-mono);font-size:12px;color:var(--sb-gray-900);font-weight:500}.sb-table .cell-right{text-align:right}.sb-table-empty{padding:48px;text-align:center;color:var(--sb-gray-500);font-size:14px}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,var(--sb-keppel-25),var(--sb-bg-subtle) 60%);padding:32px}.login-card{width:100%;max-width:420px;background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow-lg);padding:32px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.login-brand img{width:32px;height:32px}.login-brand .wordmark{font-family:var(--sb-font-display);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--sb-gray-900)}.login-title{font-family:var(--sb-font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--sb-gray-900);margin:0 0 6px}.login-sub{color:var(--sb-gray-600);font-size:14px;margin:0 0 20px}.login-error{background:var(--sb-error-50);color:var(--sb-error-700);border:1px solid var(--sb-error-200);padding:10px 12px;border-radius:var(--sb-radius-md);font-size:13px;margin-bottom:12px}.sb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--sb-overlay);z-index:50;display:flex;align-items:center;justify-content:center;padding:24px}.sb-modal{width:100%;max-width:560px;background:var(--sb-surface);border-radius:var(--sb-radius-xl);box-shadow:var(--sb-shadow-xl);overflow:hidden}.sb-toast{position:fixed;bottom:24px;right:24px;background:var(--sb-gray-900);color:#fff;padding:12px 16px;border-radius:var(--sb-radius-lg);box-shadow:var(--sb-shadow-lg);font-size:14px;display:flex;align-items:center;gap:10px;z-index:100}