:root,:root[data-theme=light]{--color-bg: #f5f6f8;--color-surface: #ffffff;--color-surface-muted: #f0f1f4;--color-primary: #c8ff4d;--color-primary-hover: #b8ef3d;--color-primary-soft: rgba(200,255,77,.15);--color-primary-light: rgba(200,255,77,.15);--color-primary-mid: rgba(200,255,77,.2);--color-primary-dark: #a8d93a;--color-accent-text: #1a1a1a;--color-accent-border: rgba(200,255,77,.4);--color-primary-text: #4a6e00;--color-cyan: #2ADBFF;--color-purple: #9B6DFF;--color-pink: #FF3D78;--color-text: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-text-dim: #9ca3af;--color-near-black: #111827;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-border-hover: #d1d5db;--color-success: #059669;--color-warning: #d97706;--color-danger: #dc2626;--badge-success-bg: #d1fae5;--badge-success-text: #065f46;--badge-active-bg: rgba(200,255,77,.25);--badge-active-text: #3f6212;--badge-failed-bg: #fee2e2;--badge-failed-text: #991b1b;--badge-warning-bg: #fef3c7;--badge-warning-text: #92400e;--badge-default-bg: #f3f4f6;--badge-default-text: #374151;--badge-paid-bg: #d1fae5;--badge-paid-text: #065f46;--alert-info-bg: rgba(200,255,77,.12);--alert-info-border: rgba(200,255,77,.35);--alert-info-text: #4a6e00;--alert-danger-bg: #fee2e2;--alert-danger-border: #fca5a5;--alert-danger-text: #991b1b;--sidebar-bg: #ffffff;--sidebar-border: #e5e7eb;--content-bg: #f5f6f8;--card-bg: #ffffff;--header-bg: #ffffff;--header-fg: #111827;--sidebar-fg: #4b5563;--sidebar-active-bg: rgba(200,255,77,.18);--sidebar-active-fg: #3f6212;--accent: #c8ff4d;--border: #e5e7eb;--logo-wordmark-color: #3f6212;--shadow-card: 0 1px 4px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-header: 0 1px 0 #e5e7eb}:root[data-theme=dark]{--color-bg: #050505;--color-surface: #0d0d0d;--color-surface-muted: #141414;--color-primary: #c8ff4d;--color-primary-hover: #d4ff66;--color-primary-soft: #c8ff4d14;--color-primary-light: #c8ff4d14;--color-primary-mid: #c8ff4d22;--color-primary-dark: #a8d93a;--color-accent-text: #050505;--color-accent-border: #c8ff4d38;--color-primary-text: #c8ff4d;--color-cyan: #2ADBFF;--color-purple: #9B6DFF;--color-pink: #FF3D78;--color-text: #f2f2f2;--color-text-secondary: #808080;--color-text-muted: #808080;--color-text-dim: #505050;--color-near-black: #f2f2f2;--color-border: #1c1c1c;--color-border-strong: #2a2a2a;--color-border-hover: #2a2a2a;--color-success: #10B981;--color-warning: #F97316;--color-danger: #EF4444;--badge-success-bg: #10B98120;--badge-success-text: #34d399;--badge-active-bg: #c8ff4d18;--badge-active-text: #c8ff4d;--badge-failed-bg: #EF444420;--badge-failed-text: #f87171;--badge-warning-bg: #F9731620;--badge-warning-text: #fb923c;--badge-default-bg: #2a2a2a;--badge-default-text: #808080;--badge-paid-bg: #10B98120;--badge-paid-text: #34d399;--alert-info-bg: #c8ff4d0d;--alert-info-border: #c8ff4d38;--alert-info-text: #c8ff4d;--alert-danger-bg: #EF44441a;--alert-danger-border: #EF444440;--alert-danger-text: #f87171;--sidebar-bg: #0d0d0d;--sidebar-border: #1c1c1c;--content-bg: #050505;--card-bg: #0d0d0d;--header-bg: #0d0d0d;--header-fg: #f2f2f2;--sidebar-fg: #808080;--sidebar-active-bg: #c8ff4d14;--sidebar-active-fg: #c8ff4d;--accent: #c8ff4d;--border: #1c1c1c;--logo-wordmark-color: #c8ff4d;--shadow-card: 0 2px 8px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.4);--shadow-header: 0 1px 0 #1c1c1c}:root{--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: 10px;--radius-pill: 999px;--sidebar-width: 180px;--header-height: 56px;--control-height: 40px}*,*: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(--color-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;overflow:hidden}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99}.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(--logo-wordmark-color);text-transform:uppercase;-webkit-user-select:none;user-select:none}.sidebar__mark{padding:var(--space-5) 0 var(--space-6);display:flex;align-items:center;justify-content:center;-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-dim);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;border-left:2px solid transparent}.sidebar__link:hover{background:var(--color-primary-soft);color:var(--sidebar-active-fg);border-left-color:var(--color-accent-border)}.sidebar__link.is-active{background:var(--sidebar-active-bg);color:var(--sidebar-active-fg);font-weight:var(--font-weight-semibold);border-left-color:var(--sidebar-active-fg)}.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__left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.app-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background .12s,border-color .12s,color .12s}.hamburger:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong);color:var(--color-text)}.app-header__search-wrap{display:flex;justify-content:center}.app-header__search{width:220px;padding:8px 14px;background:var(--color-surface-muted);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-dim)}.app-header__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.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:var(--color-accent-text);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,border-color .12s,color .12s}.app-header__btn:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong);color:var(--color-text)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;line-height:1;transition:background .12s,border-color .12s,color .12s;flex-shrink:0}.theme-toggle:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong);color:var(--color-text)}.app-content{grid-area:content;background:var(--color-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;background:var(--color-bg)}.page__title{margin:0 0 var(--space-6);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.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);transition:border-color .15s}.stat-card:hover{border-color:var(--color-border-strong)}.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-primary-text);line-height:1}.stat-card__value--neutral{color:var(--color-text)}.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-paid-bg);color:var(--badge-paid-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(--color-surface-muted);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,color .15s;box-shadow:var(--shadow-card);text-align:center}.quick-action:hover{border-color:var(--color-primary);color:var(--color-primary-text);background:var(--color-primary-soft);box-shadow:0 2px 12px #c8ff4d1f}.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-text);margin:0}.section-header__link{font-size:var(--font-size-sm);color:var(--color-primary-text);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;overflow-x:auto}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);min-width:480px}.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-dim);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 tbody tr:hover td{background:var(--color-surface-muted)}.table__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.table__link{color:var(--color-primary-text);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(--color-surface-muted);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(--color-border-strong);border-color:var(--color-border-strong)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:var(--color-accent-text);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-accent-text)}.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);align-items:start}.form__grid .field{margin-bottom:0}.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%;height:var(--control-height);padding:0 var(--space-3);box-sizing:border-box;line-height:var(--control-height);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background:var(--color-surface-muted);outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}select.field__input,input[type=date].field__input,input[type=number].field__input{height:var(--control-height);padding-top:0;padding-bottom:0}textarea.field__input{height:auto;line-height:1.5;padding:var(--space-2) var(--space-3);resize:vertical}.field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.field__input--sm{height:32px;line-height:32px;padding:0 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:var(--color-success)}.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-text);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-text);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(--color-bg)}.login__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);width:360px;box-shadow:var(--shadow-card)}.login__brand{margin:0 0 var(--space-1);font-size:1.5rem;font-weight:var(--font-weight-extrabold);color:var(--logo-wordmark-color);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(--color-surface-muted);color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.login__select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.login__btn{width:100%;padding:11px;background:var(--color-primary);color:var(--color-accent-text);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:.55;cursor:not-allowed}.login__note{margin-top:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-dim);text-align:center}.login__error{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--alert-danger-text);text-align:center}@media (max-width: 767px){.app-shell{grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"header" "content"}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;z-index:100;transform:translate(-100%);transition:transform .25s ease;grid-area:unset;box-shadow:4px 0 24px #00000040}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop.is-open{display:block}.hamburger{display:inline-flex}.app-header{padding:0 var(--space-4);gap:var(--space-2)}.app-header__search-wrap,.app-header__user-info{display:none}.app-header__btn{padding:5px 8px;font-size:var(--font-size-xs)}.app-content{padding:var(--space-4)}.stat-cards{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr 1fr}.form--narrow{max-width:100%}.form__grid{grid-template-columns:1fr}.toolbar input,.toolbar select{min-width:120px}.login__card{width:calc(100vw - 32px);max-width:400px;padding:var(--space-6)}.app-header__title{font-size:var(--font-size-lg)}.subtabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}}@media (max-width: 479px){.stat-cards,.quick-actions{grid-template-columns:1fr}.stat-card__value{font-size:1.75rem}}@media (min-width: 640px) and (max-width: 767px){.app-header__search-wrap{display:flex}.app-header__search{width:160px}.app-header__user-info{display:flex}}@media (min-width: 768px){.sidebar{position:static;transform:none!important;transition:none;box-shadow:none;grid-area:sidebar}.sidebar-backdrop,.hamburger{display:none!important}.app-header__search-wrap,.app-header__user-info{display:flex}}