:root{--color-primary: #2563EB;--color-primary-hover: #1D4ED8;--color-primary-light: #EFF6FF;--color-primary-mid: #DBEAFE;--color-primary-dark: #1E40AF;--sidebar-bg: #FFFFFF;--sidebar-border: #E5E7EB;--content-bg: #F8FAFC;--card-bg: #FFFFFF;--color-near-black: #111827;--color-text: #1F2937;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E5E7EB;--color-border-strong: #D1D5DB;--badge-success-bg: #D1FAE5;--badge-success-text: #065F46;--badge-active-bg: #DBEAFE;--badge-active-text: #1E40AF;--badge-failed-bg: #FEE2E2;--badge-failed-text: #991B1B;--badge-warning-bg: #FEF3C7;--badge-warning-text: #92400E;--badge-default-bg: #F3F4F6;--badge-default-text: #374151;--alert-info-bg: #EFF6FF;--alert-info-border: #BFDBFE;--alert-info-text: #1E40AF;--alert-danger-bg: #FFF1F2;--alert-danger-border: #FECDD3;--alert-danger-text: #9F1239;--font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-stat: 2.25rem;--font-size-wordmark: 1.125rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold:800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-header: 0 1px 0 var(--color-border);--sidebar-width: 180px;--header-height: 56px;--sidebar-fg: #374151;--sidebar-active-bg: var(--color-primary-light);--sidebar-active-fg: var(--color-primary);--header-bg: #FFFFFF;--header-fg: var(--color-text);--border: var(--color-border);--accent: var(--color-primary)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--content-bg);-webkit-font-smoothing:antialiased}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar header" "sidebar content";height:100vh}.sidebar{grid-area:sidebar;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);overflow-y:auto;padding:var(--space-3) 0 var(--space-6);display:flex;flex-direction:column}.sidebar__wordmark{padding:var(--space-5) var(--space-5) var(--space-6);font-size:var(--font-size-wordmark);font-weight:var(--font-weight-extrabold);letter-spacing:.12em;color:var(--color-near-black);text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar__title{padding:var(--space-2) var(--space-4) var(--space-3);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.sidebar__nav{flex:1;padding:0 var(--space-3);display:flex;flex-direction:column;gap:2px}.sidebar__link{display:block;padding:9px var(--space-3);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background .12s,color .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__link:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar__link.is-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.app-header{grid-area:header;background:var(--header-bg);border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-6);gap:var(--space-4)}.app-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-near-black);margin:0;white-space:nowrap}.app-header__search-wrap{display:flex;justify-content:center}.app-header__search{width:220px;padding:8px 14px;background:var(--content-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.app-header__search::placeholder{color:var(--color-text-muted)}.app-header__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.app-header__right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.app-header__user-chip{display:flex;align-items:center;gap:var(--space-2);cursor:default}.app-header__user-info{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.app-header__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.app-header__user-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary)}.app-header__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;flex-shrink:0}.app-header__brand,.app-header__user,.app-header__role{display:none}.app-header__btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);padding:5px 10px;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background .12s}.app-header__btn:hover{background:var(--content-bg)}.app-content{grid-area:content;background:var(--content-bg);padding:var(--space-6);overflow-y:auto}.app-shell--loading{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-base);height:100vh}.page__title{margin:0 0 var(--space-6);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-near-black)}.page__soon{color:var(--color-text-secondary);font-style:italic}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-5);box-shadow:var(--shadow-card)}.stat-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.stat-card__value{font-size:var(--font-size-stat);font-weight:var(--font-weight-bold);color:var(--color-near-black);line-height:1}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge--success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge--active,.badge--running{background:var(--badge-active-bg);color:var(--badge-active-text)}.badge--failed,.badge--rejected,.badge--deleted,.badge--deactive{background:var(--badge-failed-bg);color:var(--badge-failed-text)}.badge--warning,.badge--upcoming,.badge--pending{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge--paid{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge--end,.badge--default{background:var(--badge-default-bg);color:var(--badge-default-text)}.alert-banners{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid transparent}.alert--info{background:var(--alert-info-bg);border-color:var(--alert-info-border);color:var(--alert-info-text)}.alert--danger{background:var(--alert-danger-bg);border-color:var(--alert-danger-border);color:var(--alert-danger-text)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.quick-action{display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4);background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);cursor:pointer;text-decoration:none;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:var(--shadow-card);text-align:center}.quick-action:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 8px #2563eb1f}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-header__title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-near-black);margin:0}.section-header__link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.section-header__link:hover{text-decoration:underline}.card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-secondary);background:var(--card-bg);border-bottom:1px solid var(--color-border)}.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text)}.table tr:last-child td{border-bottom:none}.table__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.table__link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium)}.table__link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--card-bg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);cursor:pointer;text-decoration:none;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.btn:hover{background:var(--content-bg);border-color:var(--color-border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--sm{padding:5px 10px;font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.btn--danger{color:var(--badge-failed-text);border-color:var(--badge-failed-bg)}.btn--danger:hover{background:var(--badge-failed-bg)}.form{margin-bottom:var(--space-6)}.form--narrow{max-width:440px}.form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.field{display:block;margin-bottom:var(--space-4)}.field__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:6px}.field__hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:4px}.field__input{width:100%;padding:9px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text);background:var(--card-bg);outline:none;transition:border-color .15s,box-shadow .15s}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.field__input--sm{padding:6px var(--space-2);font-size:var(--font-size-sm)}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.toolbar input,.toolbar select{min-width:180px}.pagination{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:var(--space-3) 0;border:1px solid transparent}.notice--error{background:var(--alert-danger-bg);color:var(--alert-danger-text);border-color:var(--alert-danger-border)}.notice--success{background:var(--badge-success-bg);color:var(--badge-success-text);border-color:#a7f3d0}.subtabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.subtabs__tab{padding:10px var(--space-4);border:none;background:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.subtabs__tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.subtabs__panel{max-width:1000px}.section__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-near-black);margin:0 0 var(--space-4)}.section__subtitle{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-3)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--content-bg)}.login__card{background:var(--card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);width:360px;box-shadow:0 4px 24px #00000014}.login__brand{margin:0 0 var(--space-1);font-size:1.5rem;font-weight:var(--font-weight-extrabold);color:var(--color-near-black);letter-spacing:.05em}.login__sub{margin:0 0 var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:6px}.login__select{width:100%;padding:10px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-bottom:var(--space-5);background:var(--card-bg);outline:none;transition:border-color .15s,box-shadow .15s}.login__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.login__btn{width:100%;padding:11px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background .12s}.login__btn:hover:not(:disabled){background:var(--color-primary-hover)}.login__btn:disabled{opacity:.65;cursor:not-allowed}.login__note{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.login__error{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--alert-danger-text);text-align:center}