@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--brand-50:#fef2f2;--brand-100:#fee2e2;--brand-200:#fecaca;--brand-300:#fca5a5;--brand-400:#f87171;--brand-500:#ef4444;--brand-600:#dc2626;--brand-700:#b91c1c;--brand-800:#991b1b;--brand-900:#7f1d1d;--brand-accent-50:#fffbeb;--brand-accent-100:#fef3c7;--brand-accent-500:#f59e0b;--brand-accent-600:#d97706;--brand-blue-50:#eff6ff;--brand-blue-500:#3b82f6;--brand-blue-600:#2563eb;--brand-green-50:#f0fdf4;--brand-green-500:#22c55e;--brand-green-600:#16a34a;--neutral-0:#fff;--neutral-25:#fcfcfd;--neutral-50:#f8fafc;--neutral-100:#f1f5f9;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:#64748b;--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:#0f172a;--neutral-950:#020617;--color-primary:var(--brand-700);--color-primary-hover:var(--brand-800);--color-primary-light:var(--brand-50);--color-primary-border:var(--brand-200);--color-secondary:var(--neutral-700);--color-secondary-hover:var(--neutral-800);--color-secondary-light:var(--neutral-100);--color-secondary-border:var(--neutral-200);--color-success:var(--brand-green-600);--color-success-light:var(--brand-green-50);--color-success-border:#86efac;--color-warning:var(--brand-accent-600);--color-warning-light:var(--brand-accent-50);--color-warning-border:#fde047;--color-danger:var(--brand-600);--color-danger-light:var(--brand-50);--color-danger-border:#fca5a5;--color-info:var(--brand-blue-600);--color-info-light:var(--brand-blue-50);--color-info-border:#93c5fd;--bg-primary:var(--neutral-50);--bg-secondary:var(--neutral-0);--bg-tertiary:var(--neutral-100);--bg-elevated:var(--neutral-0);--bg-overlay:#0f172a80;--surface-1:var(--neutral-0);--surface-2:var(--neutral-50);--surface-3:var(--neutral-100);--text-primary:var(--neutral-900);--text-secondary:var(--neutral-600);--text-tertiary:var(--neutral-400);--text-inverse:var(--neutral-0);--text-muted:var(--neutral-500);--text-link:var(--brand-600);--text-link-hover:var(--brand-700);--border-primary:var(--neutral-200);--border-secondary:var(--neutral-300);--border-focus:var(--brand-500);--border-error:var(--brand-500);--shadow-xs:0 1px 2px #0f172a08;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 8px #0f172a12, 0 2px 4px #0f172a0d;--shadow-lg:0 12px 24px #0f172a14, 0 4px 8px #0f172a0f;--shadow-xl:0 24px 48px #0f172a1a, 0 8px 16px #0f172a12;--shadow-2xl:0 32px 64px #0f172a1f, 0 12px 24px #0f172a14;--shadow-inner:inset 0 2px 4px #0f172a08;--shadow-glow:0 0 0 3px #d7192026;--shadow-glow-success:0 0 0 3px #22c55e26;--shadow-glow-warning:0 0 0 3px #f59e0b26;--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs:.7rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.1;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:1000;--z-modal:1010;--z-popover:1100;--z-tooltip:1200;--z-toast:1300;--container-max:1280px;--container-padding:var(--space-6);--header-height:64px;--nav-height:56px}.dark{--bg-primary:var(--neutral-950);--bg-secondary:var(--neutral-900);--bg-tertiary:var(--neutral-800);--bg-elevated:var(--neutral-800);--bg-overlay:#000000b3;--surface-1:var(--neutral-900);--surface-2:var(--neutral-800);--surface-3:var(--neutral-700);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-tertiary:var(--neutral-500);--text-muted:var(--neutral-400);--border-primary:var(--neutral-700);--border-secondary:var(--neutral-600);--shadow-xs:0 1px 2px #0000001a;--shadow-sm:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-md:0 4px 8px #00000040, 0 2px 4px #0003;--shadow-lg:0 12px 24px #0000004d, 0 4px 8px #00000040;--shadow-xl:0 24px 48px #00000059, 0 8px 16px #0000004d;--shadow-inner:inset 0 2px 4px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--brand-100);color:var(--brand-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}::-webkit-scrollbar-corner{background:0 0}.wrap{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slideDown var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-spring)}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-wiggle{animation:.5s ease-in-out wiggle}.stagger-1{animation-delay:0s}.stagger-2{animation-delay:50ms}.stagger-3{animation-delay:.1s}.stagger-4{animation-delay:.15s}.stagger-5{animation-delay:.2s}.stagger-6{animation-delay:.25s}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(20px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-reveal-fast{transition-duration:var(--duration-normal)}.reveal-reveal-slow{transition-duration:var(--duration-slower)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.text-brand{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:after{content:"";opacity:0;transition:opacity var(--duration-fast);background:currentColor;position:absolute;inset:0}.btn:active:after{opacity:.1;transition:opacity}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);gap:var(--space-1)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);gap:var(--space-3)}.btn-primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--surface-1);color:var(--text-primary);border-color:var(--border-primary);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:var(--text-inverse);border-color:var(--color-danger);box-shadow:var(--shadow-sm)}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background:#c0152d;border-color:#c0152d;transform:translateY(-1px)}.btn-success{background:var(--color-success);color:var(--text-inverse);border-color:var(--color-success);box-shadow:var(--shadow-sm)}.btn-success:hover:not(:disabled){background:var(--color-success-light);border-color:var(--color-success);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border-color:var(--border-primary);color:var(--text-secondary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-secondary);color:var(--text-primary)}.btn-outline-primary{border-color:var(--color-primary);color:var(--color-primary);background:0 0}.btn-outline-primary:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-link{color:var(--text-link);padding:var(--space-1) var(--space-2);font-weight:var(--font-medium);background:0 0;border-color:#0000}.btn-link:hover:not(:disabled){color:var(--text-link-hover);background:0 0;text-decoration:underline;transform:none}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn-icon-sm{padding:var(--space-1);border-radius:var(--radius-sm)}.btn-loading{position:relative;color:#0000!important}.btn-loading:before{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;position:absolute}.btn-primary.btn-loading:before,.btn-danger.btn-loading:before,.btn-success.btn-loading:before{border-color:var(--text-inverse);border-right-color:#0000}.btn-ghost.btn-loading:before,.btn-secondary.btn-loading:before,.btn-outline.btn-loading:before{border-color:var(--text-primary);border-right-color:#0000}.input-wrapper{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.input-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.input-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.input-error{font-size:var(--text-xs);color:var(--color-danger);align-items:center;gap:var(--space-1);display:flex}.input-field{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out);outline:none}.input-field::placeholder{color:var(--text-tertiary)}.input-field:hover:not(:disabled):not(:read-only){border-color:var(--border-secondary)}.input-field:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow);background:var(--surface-1)}.input-field:disabled,.input-field[readonly]{background:var(--surface-2);color:var(--text-tertiary);cursor:not-allowed}.input-field.error{border-color:var(--border-error);box-shadow:var(--shadow-glow)}.input-field.error:focus{box-shadow:var(--shadow-glow)}.textarea-field{resize:vertical;min-height:100px;font-family:var(--font-sans)}.select-wrapper{width:100%;position:relative}.select-field{appearance:none;width:100%;padding:var(--space-2) var(--space-10) var(--space-2) var(--space-3);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;outline:none}.select-field:hover:not(:disabled){border-color:var(--border-secondary)}.select-field:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.select-field:disabled{background:var(--surface-2);color:var(--text-tertiary);cursor:not-allowed}.select-icon{right:var(--space-3);pointer-events:none;color:var(--text-tertiary);width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.checkbox-wrapper,.radio-wrapper{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);display:inline-flex}.checkbox-input,.radio-input{opacity:0;width:0;height:0;position:absolute}.checkbox-box,.radio-box{border:2px solid var(--border-primary);background:var(--surface-1);width:20px;height:20px;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.checkbox-box{border-radius:var(--radius-sm)}.radio-box{border-radius:var(--radius-full)}.radio-box:before{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;transition:transform var(--duration-fast) var(--ease-spring);transform:scale(0)}.checkbox-input:checked+.checkbox-box,.radio-input:checked+.radio-box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-input:checked+.checkbox-box:after{content:"";border:2px solid var(--text-inverse);border-top:none;border-left:none;width:5px;height:10px;transform:rotate(45deg)translateY(-1px)}.radio-input:checked+.radio-box:before{transform:scale(1)}.checkbox-input:focus-visible+.checkbox-box,.radio-input:focus-visible+.radio-box{box-shadow:var(--shadow-glow)}.checkbox-input:disabled+.checkbox-box,.radio-input:disabled+.radio-box{opacity:.5;cursor:not-allowed}.switch{flex-shrink:0;width:44px;height:26px;position:relative}.switch-input{opacity:0;width:0;height:0;position:absolute}.switch-track{background:var(--border-primary);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out);position:absolute;inset:0}.switch-input:checked+.switch-track{background:var(--color-primary)}.switch-thumb{background:var(--text-inverse);border-radius:var(--radius-full);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring);position:absolute;top:2px;left:2px}.switch-input:checked+.switch-track+.switch-thumb{transform:translate(18px)}.switch-input:focus-visible+.switch-track{box-shadow:var(--shadow-glow)}.card{background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.card-elevated{box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);background:var(--surface-2);border-radius:0 0 var(--radius-xl) var(--radius-xl);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap;line-height:1;display:inline-flex}.badge-primary{background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary-border)}.badge-secondary{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger-border)}.badge-info{background:var(--color-info-light);color:var(--color-info);border:1px solid var(--color-info-border)}.badge-outline{color:var(--text-secondary);border:1px solid var(--border-primary);background:0 0}.badge-lg{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.badge-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.badge-dot{padding-left:var(--space-3);position:relative}.badge-dot:before{content:"";left:var(--space-1);border-radius:var(--radius-full);background:currentColor;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.table-container{border-radius:var(--radius-xl);border:1px solid var(--border-primary);background:var(--surface-1);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-primary)}.table th{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);white-space:nowrap;z-index:1;position:sticky;top:0}.table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:var(--surface-2)}.table td{color:var(--text-primary);vertical-align:middle}.table .cell-secondary{color:var(--text-secondary)}.table .cell-muted{color:var(--text-tertiary)}.table .cell-actions{white-space:nowrap;gap:var(--space-2);justify-content:flex-end;display:flex}@media (max-width:768px){.table-responsive thead{display:none}.table-responsive,.table-responsive tbody,.table-responsive tr,.table-responsive td{width:100%;display:block}.table-responsive tr{padding:var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:var(--surface-1);box-shadow:var(--shadow-xs)}.table-responsive td{padding:var(--space-2) 0;justify-content:space-between;align-items:center;gap:var(--space-3);border:none;border-bottom:1px solid var(--border-primary);display:flex}.table-responsive td:last-child{border-bottom:none}.table-responsive td:before{content:attr(data-label);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.table-responsive .cell-actions{padding-top:var(--space-2);border-top:1px solid var(--border-primary);margin-top:var(--space-2);justify-content:flex-end}.table-responsive .cell-actions:before{display:none}}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-normal) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface-1);border-radius:var(--radius-2xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-2xl);animation:scaleIn var(--duration-normal) var(--ease-spring);overflow:hidden}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-full{border-radius:0;max-width:100%;max-height:100%}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.modal-close{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal-body{padding:var(--space-6);max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-primary);background:var(--surface-2);display:flex}.popover{top:calc(100% + var(--space-2));background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-xl);min-width:200px;max-width:320px;box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:var(--z-popover);animation:slideDown var(--duration-fast) var(--ease-out);position:absolute;left:0}.popover-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;background:0 0;border:none;display:flex}.popover-item:hover{background:var(--surface-2)}.popover-item:focus-visible{background:var(--surface-2);box-shadow:var(--shadow-glow);outline:none}.popover-divider{background:var(--border-primary);height:1px;margin:var(--space-2) 0}.popover-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);min-width:300px;max-width:420px;padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);pointer-events:auto;animation:slideInRight var(--duration-normal) var(--ease-spring);display:flex}.toast.exiting{animation:slideInRight var(--duration-fast) var(--ease-in-out) reverse}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-success .toast-icon{color:var(--color-success)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-danger .toast-icon{color:var(--color-danger)}.toast-info .toast-icon{color:var(--color-info)}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--font-semibold);color:var(--text-primary)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.toast-close{padding:var(--space-1);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex-shrink:0}.toast-close:hover{color:var(--text-primary);background:var(--surface-2)}.nav-tabs{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:var(--radius-xl);border:1px solid var(--border-primary);display:flex}.nav-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;display:flex}.nav-tab:hover{color:var(--text-primary);background:var(--surface-1)}.nav-tab.active{background:var(--surface-1);color:var(--color-primary);box-shadow:var(--shadow-sm)}.nav-tab:focus-visible{box-shadow:var(--shadow-glow)}.topbar{background:linear-gradient(90deg, var(--brand-700), var(--brand-accent-500) 50%, var(--brand-700));border-bottom:1px solid var(--border-primary);height:4px}.header{z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);margin-bottom:var(--space-6);background:#ffffffe6;position:relative}.dark .header{background:#0f172ae6}.scroll-top-button{right:max(var(--space-4), env(safe-area-inset-right));bottom:max(var(--space-4), env(safe-area-inset-bottom));border-radius:var(--radius-full);background:var(--brand-700);width:52px;height:52px;color:var(--text-inverse);box-shadow:var(--shadow-xl);font-size:var(--text-2xl);font-weight:var(--font-bold);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), visibility var(--duration-normal) var(--ease-out);z-index:var(--z-sticky);border:1px solid #d7192047;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:fixed;transform:translateY(12px)scale(.94)}.scroll-top-button.is-visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.scroll-top-button:hover{background:var(--brand-800);transform:translateY(-2px)scale(1.02)}.scroll-top-button:focus-visible{box-shadow:var(--shadow-xl), var(--shadow-glow);outline:none}@media (min-width:768px){.scroll-top-button{right:var(--space-8);bottom:var(--space-8)}}.chart-container{width:100%;height:300px}.date-filter-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.date-period-panel{margin-bottom:var(--space-8)}.dashboard-period-metrics{margin-bottom:var(--space-6)}.dashboard-chart-flow{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:900px){.dashboard-chart-flow{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}}@media (min-width:768px){.date-filter-grid{grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(160px,1fr));align-items:end}}.powered-by-lockup{align-items:center;gap:var(--space-2);font-style:normal;font-weight:var(--font-bold);color:var(--text-primary);line-height:1;display:inline-flex}.thumbmedia-powered-logo{aspect-ratio:270.65/17.13;object-fit:contain;flex:none;width:clamp(150px,18vw,190px);height:auto;display:block}.chart-tooltip{padding:var(--space-2) var(--space-3);background:var(--neutral-900);color:var(--text-inverse);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);pointer-events:none;box-shadow:var(--shadow-lg);white-space:normal;overflow-wrap:normal;word-break:normal;z-index:10000;width:max-content;min-width:min(170px,100vw - 20px);max-width:min(320px,100vw - 20px);line-height:1.35;position:fixed}.chart-tooltip[data-x=right][data-y=above]{transform:translate(12px,calc(-100% - 12px))}.chart-tooltip small{font-size:var(--text-sm);font-weight:var(--font-bold);margin-top:2px;line-height:1.2;display:block}.chart-tooltip[data-x=left][data-y=above]{transform:translate(calc(-100% - 12px),calc(-100% - 12px))}.chart-tooltip[data-x=right][data-y=below]{transform:translate(12px,12px)}.chart-tooltip[data-x=left][data-y=below]{transform:translate(calc(-100% - 12px),12px)}.chart-tooltip:after{content:"";border:6px solid #0000;position:absolute}.chart-tooltip[data-y=above]:after{border-top-color:var(--neutral-900);bottom:-11px}.chart-tooltip[data-y=below]:after{border-bottom-color:var(--neutral-900);top:-11px}.chart-tooltip[data-x=right]:after{left:10px}.chart-tooltip[data-x=left]:after{right:10px}.chart-legend{gap:var(--space-3) var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-primary);flex-wrap:wrap;display:flex}.mobile-bar-chart{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.mobile-bar-row{gap:var(--space-2);flex-direction:column;display:flex}.mobile-bar-label-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.mobile-bar-label{min-width:0;color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);overflow-wrap:anywhere;line-height:1.35}.mobile-bar-total{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;flex:none}.mobile-bar-stack{background:var(--surface-2);border-radius:var(--radius-full);border:1px solid var(--border-primary);width:100%;height:12px;overflow:hidden}.mobile-bar-fill{border-radius:var(--radius-full);min-width:0;height:100%;transition:width var(--duration-normal) var(--ease-out)}.emoji-rank-chart{gap:var(--space-4);flex-direction:column;display:flex}.emoji-rank-row{align-items:center;gap:var(--space-3);grid-template-columns:52px minmax(0,1fr);display:grid}.emoji-rank-badge{border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:52px;height:52px;box-shadow:var(--shadow-xs);place-items:center;display:grid}.emoji-rank-badge span{font-size:1.8rem;line-height:1}.emoji-rank-content{min-width:0}.emoji-rank-label-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.emoji-rank-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-bold)}.emoji-rank-label-row strong{color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.emoji-rank-track{background:var(--surface-2);border:1px solid var(--border-primary);border-radius:var(--radius-full);width:100%;height:14px;overflow:hidden}.emoji-rank-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out)}.emoji-rank-meta,.emoji-rank-note{color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.4}.emoji-rank-meta{margin-top:var(--space-1);display:inline-block}.emoji-rank-note{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-primary)}@media (min-width:768px){.mobile-bar-stack{height:14px}}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:inline-flex}.legend-item i{border-radius:var(--radius-sm);width:12px;height:12px}.chart-dot{transition:r var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out)}.chart-dot:hover{r:6!important;opacity:1!important}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.metric-card{background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--duration-normal) var(--ease-out)}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.metric-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.metric-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.metric-value-sm{font-size:var(--text-2xl)}.metric-value-lg{font-size:var(--text-4xl)}.metric-delta{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-2);display:inline-flex}.metric-delta.positive{color:var(--color-success)}.metric-delta.negative{color:var(--color-danger)}.metric-delta.neutral{color:var(--text-tertiary)}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-text{width:100%;height:1rem}.skeleton-text:last-child{width:60%}.skeleton-title{width:40%;height:1.5rem;margin-bottom:var(--space-3)}.skeleton-card{border-radius:var(--radius-xl);height:120px}.skeleton-avatar{border-radius:var(--radius-full);width:40px;height:40px}.spinner{border:2px solid var(--border-primary);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}.spinner-sm{border-width:1.5px;width:16px;height:16px}.spinner-lg{border-width:3px;width:36px;height:36px}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:64px;height:64px;color:var(--border-primary);margin-bottom:var(--space-4);opacity:.6}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-message{font-size:var(--text-base);max-width:300px;line-height:var(--leading-relaxed)}.empty-state-action{margin-top:var(--space-4)}.user-menu-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;display:flex}.user-menu-trigger:hover{background:var(--surface-2);border-color:var(--border-primary)}.user-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--brand-500), var(--brand-700));width:36px;height:36px;color:var(--text-inverse);font-weight:var(--font-bold);font-size:var(--text-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.user-role{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:capitalize}.section{margin-bottom:var(--space-8)}.section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.section-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.section-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.panel{background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden}.panel-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.panel-body{padding:var(--space-6)}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.split{gap:var(--space-6);grid-template-columns:1fr 320px;display:grid}@media (max-width:1024px){.split{grid-template-columns:1fr}}.footer{margin-top:var(--space-12);padding:var(--space-6) 0;text-align:center;font-size:var(--text-sm);color:var(--text-tertiary);border-top:1px solid var(--border-primary)}.auth-page{min-height:100vh;padding:var(--space-8);background:var(--bg-primary);place-items:center;display:grid}.auth-card{background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);padding:var(--space-8);animation:slideUp var(--duration-slow) var(--ease-out)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{margin-bottom:var(--space-6)}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-2);color:var(--text-primary)}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-field-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.auth-field-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.auth-field{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out);outline:none}.auth-field::placeholder{color:var(--text-tertiary)}.auth-field:hover:not(:disabled){border-color:var(--border-secondary)}.auth-field:focus{border-color:var(--border-focus);box-shadow:var(--shadow-glow)}.auth-field:disabled{background:var(--surface-2);color:var(--text-tertiary);cursor:not-allowed}.auth-error{font-size:var(--text-sm);color:var(--color-danger);align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);animation:slideDown var(--duration-fast) var(--ease-out);display:flex}.auth-message{font-size:var(--text-sm);color:var(--color-success);padding:var(--space-2) var(--space-3);background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:var(--radius-md);animation:slideDown var(--duration-fast) var(--ease-out)}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-tertiary)}.auth-copyright{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.skeleton-svg{border-radius:var(--radius-md);width:160px;height:60px}.skeleton-title{border-radius:var(--radius-md);height:28px}.skeleton-text{border-radius:var(--radius-md);height:16px}.skeleton-field{border-radius:var(--radius-lg);width:100%;height:48px;margin-bottom:var(--space-4)}.skeleton-btn{border-radius:var(--radius-lg);width:100%;height:48px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stretch{width:100%}.opacity-50{opacity:.5}.pointer-events-none{pointer-events:none}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-auto{margin-top:auto}.mb-auto{margin-bottom:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex{display:flex}.inline-grid{display:inline-grid}.grid{display:grid}.hidden{display:none}.invisible{visibility:hidden}.visible{visibility:visible}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-glow{box-shadow:var(--shadow-glow)}.transition-none{transition:none}.transition-fast{transition:all var(--duration-fast) var(--ease-out)}.transition-normal{transition:all var(--duration-normal) var(--ease-out)}.transition-slow{transition:all var(--duration-slow) var(--ease-out)}.transition-slower{transition:all var(--duration-slower) var(--ease-out)}.transition-colors{transition:color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast)}.transition-transform{transition:transform var(--duration-fast) var(--ease-out)}.transition-opacity{transition:opacity var(--duration-fast) var(--ease-out)}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-popover{z-index:var(--z-popover)}.z-tooltip{z-index:var(--z-tooltip)}.z-toast{z-index:var(--z-toast)}@media print{.modal-overlay,.toast-container,.nav-tabs,.btn,.header,.popover,.user-menu-trigger+.popover{display:none!important}.modal{box-shadow:none;border:1px solid var(--border-primary);position:static}body{background:var(--neutral-0)}.stretch{width:auto!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tm-login{background:var(--neutral-950);min-height:100vh;color:var(--neutral-0);font-family:var(--font-sans);flex-direction:column;display:flex;position:relative}.tm-login-nav{justify-content:center;gap:var(--space-8);padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--neutral-800);display:flex}.tm-login-nav a{color:var(--neutral-400);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--duration-fast);text-decoration:none}.tm-login-nav a:hover{color:var(--brand-400)}.tm-login-hero{padding:var(--space-16) var(--space-6);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.tm-login-logo{margin-bottom:var(--space-6)}.tm-login-logo img{filter:drop-shadow(0 0 20px #ef444466);width:270px;height:18px}@media (max-width:480px){.tm-login-logo img{width:220px;height:auto}}.tm-login-subtitle{font-size:var(--text-lg);color:var(--neutral-400);max-width:600px;margin-bottom:var(--space-10);line-height:1.6}.tm-login-button{border:2px solid var(--brand-500);color:var(--brand-400);padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);background:0 0;min-width:200px}.tm-login-button:hover:not(:disabled){background:var(--brand-500);color:var(--neutral-0);border-color:var(--brand-500);transform:translateY(-2px);box-shadow:0 0 30px #ef444466}.tm-login-button:active:not(:disabled){transform:translateY(0)}.tm-login-button:disabled{opacity:.5;cursor:not-allowed}.tm-login-actions{gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.tm-login-secondary{border:1px solid var(--neutral-700);color:var(--neutral-300);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);background:0 0;min-width:240px}.tm-login-secondary:hover:not(:disabled){border-color:var(--neutral-500);color:var(--neutral-0);background:var(--neutral-900)}.tm-login-secondary:disabled{opacity:.5;cursor:not-allowed}.tm-login-form{gap:var(--space-4);flex-direction:column;width:100%;max-width:400px;display:flex}.tm-login-form h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-0);margin-bottom:var(--space-2)}.tm-login-form input{width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--neutral-700);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-sans);background:var(--neutral-900);color:var(--neutral-0);transition:border-color var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast)}.tm-login-form input::placeholder{color:var(--neutral-500)}.tm-login-form input:focus{border-color:var(--brand-500);background:var(--neutral-800);outline:none;box-shadow:0 0 0 3px #ef444433}.tm-login-form input:disabled{opacity:.6;cursor:not-allowed}.tm-login-error{color:var(--brand-400);font-size:var(--text-sm);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433}.tm-login-message{color:var(--brand-green-400);font-size:var(--text-sm);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#22c55e1a;border:1px solid #22c55e33}.tm-login-submit{width:100%;padding:var(--space-4) var(--space-6);background:var(--brand-600);color:var(--neutral-0);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-sans);cursor:pointer;transition:background var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);margin-top:var(--space-2);border:none}.tm-login-submit:hover:not(:disabled){background:var(--brand-500);transform:translateY(-1px);box-shadow:0 4px 20px #ef444466}.tm-login-submit:active:not(:disabled){transform:translateY(0)}.tm-login-submit:disabled{opacity:.6;cursor:not-allowed}.tm-login-link{color:var(--brand-400);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-2) 0;transition:color var(--duration-fast);background:0 0;border:none}.tm-login-link:hover:not(:disabled){color:var(--brand-300);text-decoration:underline}.tm-login-help{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--neutral-800);color:var(--neutral-500);font-size:var(--text-sm)}.tm-login-help a{color:var(--brand-400);font-weight:var(--font-medium);text-decoration:none}.tm-login-help a:hover{text-decoration:underline}.tm-login-help small{margin-top:var(--space-3);color:var(--neutral-600);display:block}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out)}.animate-fade-in-scale{animation:fadeInScale var(--duration-normal) var(--ease-spring)}.links-page-wrap{gap:var(--space-6);padding-top:var(--space-6);padding-bottom:var(--space-12);flex-direction:column;display:flex}.links-page-wrap .hero-section{align-items:end;gap:var(--space-6);padding:clamp(var(--space-6), 5vw, var(--space-10));border-radius:var(--radius-2xl);background:radial-gradient(circle at 92% 12%, #ef44442e, transparent 34%), linear-gradient(135deg, var(--neutral-0) 0%, #fff7f7 50%, var(--neutral-50) 100%);box-shadow:var(--shadow-lg);border:1px solid #b91c1c1f;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.links-page-wrap .hero-section:before{content:"";background:linear-gradient(180deg, var(--brand-500), var(--brand-800));width:6px;position:absolute;inset:0 auto 0 0}.links-page-wrap .hero-section h1{margin-top:var(--space-2);font-size:clamp(var(--text-3xl), 5vw, var(--text-5xl));letter-spacing:-.045em}.links-page-wrap .hero-subtitle{max-width:720px;margin-top:var(--space-3);color:var(--text-secondary);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.links-page-wrap .hero-actions{z-index:1;position:relative}.short-links-dashboard-preview{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--neutral-0), var(--neutral-50));box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.short-links-dashboard-preview span{color:var(--text-secondary)}.alert{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);border:1px solid var(--color-info-border);box-shadow:var(--shadow-xs);margin:0}.alert-info{background:linear-gradient(135deg, var(--color-info-light), var(--neutral-0));color:var(--neutral-800)}.links-page-wrap .metrics-grid{gap:var(--space-5)}.links-page-wrap .metric-card{min-height:116px;padding:var(--space-6);border-radius:var(--radius-2xl);background:linear-gradient(180deg, var(--neutral-0), var(--neutral-50));box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.links-page-wrap .metric-card:after{content:"";right:var(--space-5);top:var(--space-5);border-radius:var(--radius-full);background:#b91c1c14;width:38px;height:38px;position:absolute}.links-page-wrap .metric-value{margin-top:var(--space-2);display:block}.links-page-wrap .panel{padding:clamp(var(--space-5), 4vw, var(--space-8));border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border-color:#94a3b852;overflow:visible}.links-page-wrap .section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--neutral-100);align-items:flex-start}.links-page-wrap .section-header h2{font-size:var(--text-2xl)}.links-page-wrap .section-kicker,.links-page-wrap .eyebrow{color:var(--brand-700);font-size:var(--text-xs);font-weight:var(--font-extrabold);letter-spacing:.08em;text-transform:uppercase}.form-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-full{grid-column:1/-1}.links-page-wrap .input-wrapper{gap:var(--space-2)}.links-page-wrap .input-field{min-height:46px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--neutral-0);box-shadow:var(--shadow-xs)}.checkbox-grid{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.checkbox-card{align-items:center;gap:var(--space-3);min-height:52px;padding:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:var(--neutral-0);cursor:pointer;box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);display:flex}.checkbox-card:hover{border-color:var(--brand-200);background:var(--brand-50);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.checkbox-card input{width:18px;height:18px;accent-color:var(--brand-700)}.cards-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.links-page-wrap .cards-grid>.card{padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border-color:#94a3b852}.links-page-wrap .cards-grid>.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.links-page-wrap .card h3{font-size:var(--text-xl);line-height:var(--leading-snug)}.card-header-inline{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.muted{color:var(--text-secondary);line-height:var(--leading-relaxed)}.mini-metrics{gap:var(--space-3);margin:var(--space-5) 0;color:var(--text-secondary);flex-wrap:wrap;display:flex}.mini-metrics span{align-items:baseline;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--neutral-50);border:1px solid var(--neutral-200);display:inline-flex}.mini-metrics strong{color:var(--text-primary)}.variant-list{gap:var(--space-3);margin-top:var(--space-4);display:grid}.variant-row{justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--neutral-0), var(--neutral-50));align-items:center;display:flex}.variant-row strong{font-size:var(--text-sm)}.variant-row code{margin-top:var(--space-1);word-break:break-all;color:var(--brand-700);font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:var(--leading-relaxed);display:inline-block}.card-actions{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.links-page-wrap .empty-state{padding:var(--space-12) var(--space-6);border:1px dashed var(--neutral-300);border-radius:var(--radius-2xl);background:var(--neutral-50);grid-column:1/-1}.domain-confirmation{margin:var(--space-4) 0;padding:var(--space-4);border:1px solid var(--brand-200);border-radius:var(--radius-xl);background:var(--brand-50);color:var(--brand-800);font-size:var(--text-xl);word-break:break-word}.links-history-panel .section-header{align-items:flex-start}.links-history-table-wrap{border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs)}.links-history-table th,.links-history-table td{padding:var(--space-4) var(--space-5)}.links-history-row{cursor:pointer}.links-history-row:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.links-history-row[aria-expanded=true] td{background:var(--brand-50)}.links-history-title{align-items:center;gap:var(--space-2);display:flex}.expand-chevron{border-radius:var(--radius-full);background:var(--neutral-100);width:24px;height:24px;color:var(--brand-700);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.links-history-expanded-row td{padding:0 var(--space-5) var(--space-5);background:var(--brand-50)}.history-variant-list{padding:var(--space-4);border:1px solid var(--brand-100);border-radius:var(--radius-xl);background:#ffffffb8;margin-top:0}@media (max-width:900px){.links-page-wrap{gap:var(--space-5)}.links-page-wrap .hero-section,.form-grid,.checkbox-grid,.cards-grid{grid-template-columns:1fr}.links-page-wrap .hero-section{align-items:start}.variant-row{flex-direction:column;align-items:flex-start}.variant-row .btn{width:100%}.links-history-expanded-row td{padding:var(--space-3)}.links-history-expanded-row td:before{display:none}}