@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: #507AE9;--primary-hover: #3F66D1;--primary-active: #2E54BA;--primary-soft: #E8EEFC;--primary-soft-2: #D4DEF8;--secondary: #E4E4E4;--secondary-hover: #D8D8D8;--secondary-active: #C8C8C8;--success: #22AC6A;--success-soft: #E3F5EC;--success-text: #167A4A;--error: #FF5858;--error-soft: #FFE6E6;--error-text: #C43838;--warning: #FEAC00;--warning-soft: #FFF3D9;--warning-text: #B47800;--info: #507AE9;--info-soft: #E8EEFC;--info-text: #2E54BA;--bg: #F7F8FA;--bg-alt: #F1F3F6;--surface: #FFFFFF;--surface-raised: #FFFFFF;--border: #EDEEF1;--border-strong: #E4E4E4;--border-focus: #507AE9;--fg-primary: #111418;--fg-secondary: #5C6370;--fg-tertiary: #8A90A0;--fg-disabled: #B8BCC7;--fg-on-primary: #FFFFFF;--fg-inverse: #FFFFFF;--shadow-xs: 0 1px 2px rgba(17, 20, 24, .04);--shadow-sm: 0 1px 3px rgba(17, 20, 24, .05), 0 1px 2px rgba(17, 20, 24, .03);--shadow-md: 0 4px 12px rgba(17, 20, 24, .06), 0 2px 4px rgba(17, 20, 24, .03);--shadow-lg: 0 12px 28px rgba(17, 20, 24, .08), 0 4px 10px rgba(17, 20, 24, .04);--shadow-xl: 0 24px 48px rgba(17, 20, 24, .1), 0 8px 16px rgba(17, 20, 24, .05);--shadow-focus: 0 0 0 3px rgba(80, 122, 233, .22);--shadow-tooltip: 0 8px 24px rgba(17, 20, 24, .18);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 999px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--text-3xl: 28px;--text-4xl: 36px;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--sidebar-width: 240px;--sidebar-collapsed: 72px;--topbar-height: 64px;--right-panel-width: 320px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-med: .2s;--dur-slow: .32s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;color:var(--fg-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono)}.muted{color:var(--fg-tertiary)}.caption{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-tertiary);letter-spacing:.01em}.overline{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-tertiary)}.link{color:var(--primary);font-weight:var(--weight-medium)}.link:hover{color:var(--primary-hover)}.shell{display:flex;height:100%;min-height:100vh}.shell__main{display:flex;flex-direction:column;flex:1;min-width:0}.shell__content{flex:1;overflow-y:auto}.page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);max-width:1240px;margin:0 auto;width:100%}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);gap:var(--space-6)}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2)}.sidebar__brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary)}.sidebar__brand-text{display:flex;flex-direction:column;line-height:1.2}.sidebar__brand-name{font-weight:var(--weight-bold);letter-spacing:-.01em}.sidebar__brand-sub{font-size:var(--text-xs);color:var(--fg-tertiary)}.nav{display:flex;flex-direction:column;gap:2px}.nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--fg-secondary);font-weight:var(--weight-medium);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.nav__item:hover{background:var(--bg-alt);color:var(--fg-primary)}.nav__item--active,.nav__item--active:hover{background:var(--primary-soft);color:var(--primary-active)}.sidebar__footer{margin-top:auto;padding:0 var(--space-2)}.topbar{height:var(--topbar-height);flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.topbar__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em}.topbar__user{display:flex;align-items:center;gap:var(--space-2)}.user-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2)}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary-active);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.user-chip__meta{display:flex;flex-direction:column;line-height:1.25}.user-chip__name{font-weight:var(--weight-medium)}.user-chip__email{font-size:var(--text-xs);color:var(--fg-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn--sm{height:30px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--icon{padding:0;width:36px}.btn--sm.btn--icon{width:30px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--fg-on-primary)}.btn--primary:not(:disabled):hover{background:var(--primary-hover)}.btn--primary:not(:disabled):active{background:var(--primary-active)}.btn--secondary{background:var(--surface);border-color:var(--border-strong);color:var(--fg-primary)}.btn--secondary:not(:disabled):hover{background:var(--bg-alt)}.btn--ghost{background:transparent;color:var(--fg-secondary)}.btn--ghost:not(:disabled):hover{background:var(--bg-alt);color:var(--fg-primary)}.btn--danger{background:var(--error);color:var(--fg-on-primary)}.btn--danger:not(:disabled):hover{background:#ef4a4a}.btn--danger:not(:disabled):active{background:#d93f3f}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.5;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--neutral{background:var(--bg-alt);color:var(--fg-secondary)}.badge--primary{background:var(--primary-soft);color:var(--primary-active)}.badge--success{background:var(--success-soft);color:var(--success-text)}.badge--error{background:var(--error-soft);color:var(--error-text)}.badge--warning{background:var(--warning-soft);color:var(--warning-text)}.badge--info{background:var(--info-soft);color:var(--info-text)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);background:var(--bg-alt);color:var(--fg-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.chip--month{background:var(--primary-soft);color:var(--primary-active)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.toolbar__filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toolbar__actions{display:flex;align-items:center;gap:var(--space-3)}.toolbar__updated{white-space:nowrap}.search{position:relative;display:flex;align-items:center}.search__icon{position:absolute;left:10px;color:var(--fg-tertiary);pointer-events:none}.search__input{height:36px;width:240px;padding:0 var(--space-3) 0 32px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-base);color:var(--fg-primary)}.search__input::placeholder{color:var(--fg-tertiary)}.search__input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--bg-alt);border-radius:var(--radius-md)}.segmented__btn{border:none;background:transparent;padding:5px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.segmented__btn:hover{color:var(--fg-primary)}.segmented__btn--active{background:var(--surface);color:var(--fg-primary);box-shadow:var(--shadow-xs)}.select{height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-base);color:var(--fg-primary);cursor:pointer}.select:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.live-pill{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-secondary);cursor:pointer}.live-pill__dot{width:7px;height:7px;border-radius:50%;background:var(--fg-disabled)}.live-pill--on{color:var(--success-text);border-color:var(--success-soft);background:var(--success-soft)}.live-pill--on .live-pill__dot{background:var(--success);animation:pulse 1.8s var(--ease-in-out) infinite}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table thead th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-tertiary);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.table__row{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.table__row:hover{background:var(--bg-alt)}.table__row--selected{background:var(--primary-soft)}.table__row--selected:hover{background:var(--primary-soft-2)}.table tbody tr:last-child td{border-bottom:none}.table__checkbox{width:44px;text-align:center}.table__chevron{width:36px;color:var(--fg-tertiary);text-align:right}.sort-header{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.sort-header:hover{color:var(--fg-secondary)}.sort-header--active{color:var(--fg-primary)}.table-state{display:grid;place-items:center;padding:var(--space-16) var(--space-6)}.checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.pagination__controls{display:flex;gap:var(--space-2)}.bulk-bar{position:sticky;bottom:var(--space-4);align-self:center;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:slide-up var(--dur-med) var(--ease-out)}.bulk-bar__count{font-weight:var(--weight-semibold)}.bulk-bar__actions{display:flex;gap:var(--space-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11141866;display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:100;animation:fade-in var(--dur-fast) var(--ease-out)}.overlay--right{justify-content:flex-end;padding:0}.modal{width:100%;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:modal-in var(--dur-med) var(--ease-out)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal__body{padding:0 var(--space-5) var(--space-5)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.drawer{width:480px;max-width:100%;height:100%;background:var(--surface);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:drawer-in var(--dur-slow) var(--ease-out)}.drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--border)}.drawer__heading{min-width:0}.drawer__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.drawer__event-id{word-break:break-all}.drawer__subtitle{margin-top:2px;font-size:var(--text-sm);color:var(--fg-tertiary)}.drawer__body{flex:1;overflow-y:auto;padding:var(--space-5)}.drawer__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.drawer__footer-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.detail{display:flex;flex-direction:column;gap:var(--space-5)}.detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin:0}.detail__grid dt{margin-bottom:var(--space-1)}.detail__grid dd{margin:0}.detail__section{display:flex;flex-direction:column;gap:var(--space-2)}.code-block{margin:0;padding:var(--space-3);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--fg-primary);overflow-x:auto;white-space:pre}.confirm{display:flex;flex-direction:column;gap:var(--space-4)}.confirm__lead{color:var(--fg-secondary);line-height:var(--leading-normal)}.confirm__months,.confirm__type{display:flex;flex-direction:column;gap:var(--space-2)}.input{height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-base);color:var(--fg-primary)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);max-width:360px}.empty__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-alt);color:var(--fg-tertiary)}.empty__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.empty__desc{color:var(--fg-tertiary)}.empty__action{margin-top:var(--space-2)}.toast-region{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:200}.toast{display:flex;align-items:center;gap:var(--space-2);min-width:240px;max-width:380px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slide-up var(--dur-med) var(--ease-out)}.toast__icon{display:grid;place-items:center}.toast--success .toast__icon{color:var(--success)}.toast--error .toast__icon{color:var(--error)}.toast--info .toast__icon{color:var(--primary)}.toast__message{font-size:var(--text-base)}.centered-screen{display:grid;place-items:center;min-height:100vh;padding:var(--space-6)}.auth-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);width:100%;max-width:380px;padding:var(--space-8);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-card__brand{display:flex;align-items:center;gap:var(--space-2);color:var(--primary);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.auth-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--primary-soft);color:var(--primary)}.auth-card__icon--error{background:var(--error-soft);color:var(--error)}.auth-card__title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.auth-card__text{color:var(--fg-secondary);line-height:var(--leading-normal)}.spinner-wrap{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--fg-secondary)}.spinner{display:inline-block;border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-label{font-size:var(--text-base);color:var(--fg-secondary)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes drawer-in{0%{transform:translate(24px);opacity:.6}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}}@media (max-width: 720px){.sidebar,.user-chip__meta{display:none}.search__input{width:160px}}