.cpw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-popover);display:flex;align-items:center;justify-content:center;background:var(--color-overlay);padding:var(--sp-4)}.cpw-card{width:480px;max-width:100%;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:0}.cpw-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.cpw-header h2{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary)}.cpw-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center}.cpw-close:hover{color:var(--color-text-primary)}.cpw-divider{height:1px;background:var(--color-border);margin:16px 24px}.cpw-body{padding:0 24px 24px;display:flex;flex-direction:column;gap:var(--sp-4)}.cpw-field{display:flex;flex-direction:column;gap:var(--sp-1)}.cpw-field__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.cpw-field__input-wrap{position:relative}.cpw-field__input{width:100%;height:36px;padding:0 36px 0 12px;border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);outline:none;box-sizing:border-box;transition:border-color .12s,box-shadow .12s}.cpw-field__input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-focus-ring)}.cpw-field__toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center}.cpw-field__toggle:hover{color:var(--color-text-primary)}.cpw-field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.cpw-field__error{font-size:var(--text-xs);color:var(--color-danger)}.cpw-checks{display:flex;flex-direction:column;gap:var(--sp-1);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--r-sm);padding:var(--sp-3)}.cpw-check{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--sp-2)}.cpw-check--pass{color:var(--color-success)}.cpw-check--fail{color:var(--color-text-muted)}.cpw-error{background:var(--color-danger-bg);border-left:3px solid var(--color-danger);color:var(--color-danger);font-size:var(--text-sm);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm)}.cpw-success{background:var(--color-success-bg);border-left:3px solid var(--color-success);color:var(--color-success);font-size:var(--text-sm);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm)}.cpw-footer{display:flex;justify-content:flex-end;gap:var(--sp-2);padding-top:var(--sp-2)}.cpw-btn{height:36px;padding:0 16px;border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .12s}.cpw-btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.cpw-btn--ghost:hover{background:var(--color-surface-2)}.cpw-btn--primary{background:var(--color-brand);border:none;color:var(--color-white)}.cpw-btn--primary:hover:not(:disabled){background:var(--color-brand-dark)}.cpw-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:540px){.cpw-card{border-radius:var(--r-lg)}.cpw-header{padding:16px 16px 0}.cpw-divider{margin:12px 16px}.cpw-body{padding:0 16px 16px}}.cmd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-overlay);animation:fadeIn var(--dur-normal) var(--ease-out)}.cmd-palette{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:640px;max-width:calc(100vw - 32px);max-height:560px;background:var(--color-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);z-index:var(--z-overlay);overflow:hidden;display:flex;flex-direction:column;animation:cmdEntrance var(--dur-normal) var(--ease-out)}@keyframes cmdEntrance{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cmd-palette__search-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.cmd-palette__search-icon{color:var(--color-text-muted);flex-shrink:0}.cmd-palette__input{flex:1;border:none;outline:none;font-size:var(--text-md);font-family:var(--font-sans);color:var(--color-text-primary);background:transparent;caret-color:var(--color-brand)}.cmd-palette__input::placeholder{color:var(--color-text-muted)}.cmd-palette__esc-hint{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap}.cmd-palette__results{overflow-y:auto;flex:1;padding:var(--sp-1) 0;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.cmd-palette__results::-webkit-scrollbar{width:4px}.cmd-palette__results::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--r-full)}.cmd-section-label{padding:10px 20px 6px;font-size:var(--text-2xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.cmd-item{display:flex;align-items:center;gap:var(--sp-3);height:40px;padding:0 var(--sp-5);cursor:pointer;color:var(--color-text-primary);text-decoration:none;border-left:3px solid transparent;transition:background var(--dur-fast)}.cmd-item:hover{background:var(--color-canvas)}.cmd-item--selected{background:var(--color-brand-light);border-left-color:var(--color-brand)}.cmd-item--selected .cmd-item__icon{color:var(--color-brand)}.cmd-item__icon{color:var(--color-text-muted);flex-shrink:0}.cmd-item__label{flex:1;font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-item__meta{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.cmd-highlight{color:var(--color-brand);background:var(--color-brand-light);border-radius:2px;padding:0 1px;font-weight:500}.cmd-palette__footer{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-5);border-top:1px solid var(--color-border);font-size:var(--text-2xs);color:var(--color-text-muted);flex-shrink:0}.cmd-palette__footer-kbd{display:inline-flex;align-items:center;gap:3px}.cmd-palette__footer-key{background:var(--color-surface-3);border:1px solid var(--color-border);border-radius:var(--r-xs);padding:1px 5px;font-family:var(--font-mono);font-size:var(--text-3xs);line-height:16px}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-heavy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);animation:fadeIn var(--dur-normal) var(--ease-out)}.profile-overlay__card{background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;padding:40px;animation:modalEntrance var(--dur-normal) var(--ease-out)}.profile-overlay__logo{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-4)}.profile-overlay__logo-icon{width:28px;height:28px;background:var(--color-brand-gradient);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--text-base);font-weight:700}.profile-overlay__logo-name{font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.profile-overlay__divider{height:1px;background:var(--color-border);margin:var(--sp-4) 0}.profile-overlay__welcome{font-size:var(--text-3xl);font-weight:800;color:var(--color-text-primary);letter-spacing:-.01em;line-height:var(--lh-3xl);margin-bottom:var(--sp-2)}.profile-overlay__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--sp-6);line-height:var(--lh-base)}.profile-overlay__section{margin-bottom:var(--sp-5)}.profile-overlay__section-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid var(--color-border)}.profile-overlay__field{margin-bottom:var(--sp-4)}.skills-input{min-height:36px;padding:var(--sp-1) var(--sp-2);border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface);display:flex;flex-wrap:wrap;gap:var(--sp-1);align-items:center;cursor:text;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);box-shadow:var(--shadow-xs)}.skills-input:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-focus-ring)}.skill-chip{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--color-brand-light);color:var(--color-brand-dark);border-radius:var(--r-full);font-size:var(--text-xs);padding:2px 8px;line-height:1.4}.skill-chip__remove{background:transparent;border:none;cursor:pointer;color:var(--color-brand-dark);font-size:var(--text-xs);padding:0;line-height:1;display:flex;align-items:center;opacity:.7;transition:opacity var(--dur-fast)}.skill-chip__remove:hover{opacity:1}.skills-input__inner{flex:1;min-width:80px;border:none;outline:none;font-size:var(--text-base);font-family:var(--font-sans);background:transparent;color:var(--color-text-primary)}.skills-input__inner::placeholder{color:var(--color-text-muted)}.profile-overlay__readonly{display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3);height:36px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--r-sm);font-size:var(--text-base);color:var(--color-text-secondary)}.profile-overlay__submit-btn{width:100%;margin-top:var(--sp-6);height:42px;font-size:var(--text-base);font-weight:500}.profile-overlay__note{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--sp-4);line-height:var(--lh-xs)}.sidebar{position:fixed;left:0;top:0;height:100vh;width:var(--sidebar-w);background:linear-gradient(180deg,var(--color-sidebar-start) 0%,var(--color-sidebar-end) 100%);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;z-index:var(--z-sidebar);overflow:hidden;will-change:width;transition:width var(--dur-normal) var(--ease-out)}.sidebar--collapsed{width:var(--sidebar-w-collapsed)}.sidebar__logo{display:flex;align-items:center;gap:10px;padding:18px 16px 16px;flex-shrink:0}.sidebar__logo-icon{width:28px;height:28px;background:var(--color-brand-gradient);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--color-white);flex-shrink:0}.sidebar__logo-text{display:flex;flex-direction:column;gap:1px;overflow:hidden;transition:opacity var(--dur-fast) var(--ease-in),width var(--dur-normal) var(--ease-out)}.sidebar--collapsed .sidebar__logo-text{opacity:0;width:0;pointer-events:none}.sidebar__wordmark{font-size:var(--text-base);font-weight:700;color:var(--color-text-on-dark);line-height:1.2;white-space:nowrap}.sidebar__subtitle{font-size:var(--text-2xs);color:var(--color-text-dim-dark);line-height:1.2;white-space:nowrap}.sidebar__divider{height:1px;background:var(--color-sidebar-border);margin:0;flex-shrink:0}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--sp-2) 0;scrollbar-width:thin;scrollbar-color:var(--color-text-dim-dark) transparent}.sidebar__nav::-webkit-scrollbar{width:3px}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-text-dim-dark)}.sidebar__group{margin-bottom:var(--sp-1)}.sidebar__group-label{display:block;font-size:var(--text-2xs);font-weight:600;color:var(--color-text-dim-dark);text-transform:uppercase;letter-spacing:.06em;padding:var(--sp-3) var(--sp-4) var(--sp-1);white-space:nowrap;overflow:hidden;transition:opacity var(--dur-fast) var(--ease-in)}.sidebar--collapsed .sidebar__group-label{opacity:0;height:0;padding:0;pointer-events:none}.sidebar__group-divider{height:1px;background:var(--color-sidebar-border);margin:var(--sp-2) 0}.sidebar__item{position:relative;display:flex;align-items:center;gap:10px;height:40px;padding:0 var(--sp-4);color:var(--color-text-dim-dark);text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);border-left:3px solid transparent;cursor:pointer;white-space:nowrap;overflow:hidden}.sidebar__item:hover{background:var(--color-sidebar-hover);color:var(--color-text-on-dark)}.sidebar__item--active{background:var(--color-sidebar-active);color:var(--color-text-on-dark);border-left-color:var(--color-brand)}.sidebar__item--active .sidebar__item-icon{color:var(--color-brand)}.sidebar__item-icon{flex-shrink:0;color:inherit;transition:color var(--dur-fast)}.sidebar__item-label{font-size:var(--text-sm);font-weight:500;line-height:1;flex:1;transition:opacity var(--dur-fast) var(--ease-in);overflow:hidden;text-overflow:ellipsis}.sidebar--collapsed .sidebar__item-label{opacity:0;width:0;flex:0;pointer-events:none}.sidebar__item-badge{min-width:20px;height:18px;padding:0 6px;background:var(--color-danger);color:var(--color-white);font-size:var(--text-2xs);font-weight:700;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:opacity var(--dur-fast)}.sidebar--collapsed .sidebar__item-badge{min-width:8px;width:8px;height:8px;padding:0;font-size:0;border-radius:var(--r-full);position:absolute;top:8px;right:10px}.sidebar__item[title]:hover:after{content:attr(title);position:absolute;left:calc(var(--sidebar-w-collapsed) + 8px);top:50%;transform:translateY(-50%);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:400;padding:6px 10px;border-radius:var(--r-sm);box-shadow:var(--shadow-md);white-space:nowrap;z-index:var(--z-dropdown);pointer-events:none}.sidebar:not(.sidebar--collapsed) .sidebar__item[title]:hover:after{display:none}.sidebar__footer{flex-shrink:0;border-top:1px solid var(--color-sidebar-border);padding:var(--sp-2) 0 var(--sp-2);position:relative}.sidebar__user-chip{display:flex;align-items:center;gap:10px;width:100%;padding:0 var(--sp-2) 0 var(--sp-2);height:52px;background:transparent;border:none;cursor:pointer;color:var(--color-text-on-dark);transition:background var(--dur-fast);border-radius:var(--r-md);margin:0 var(--sp-2);width:calc(100% - 16px);text-align:left}.sidebar__user-chip:hover{background:var(--color-sidebar-hover)}.sidebar__avatar{width:32px;height:32px;border-radius:var(--r-full);background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--color-white);flex-shrink:0;line-height:1}.sidebar__user-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden;transition:opacity var(--dur-fast) var(--ease-in)}.sidebar--collapsed .sidebar__user-info{opacity:0;width:0;flex:0;pointer-events:none}.sidebar__user-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text-on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:var(--text-2xs);color:var(--color-text-dim-dark);text-transform:capitalize;white-space:nowrap}.sidebar__user-chevron{color:var(--color-text-dim-dark);flex-shrink:0;transition:opacity var(--dur-fast) var(--ease-in),transform var(--dur-fast)}.sidebar--collapsed .sidebar__user-chevron{opacity:0;width:0;pointer-events:none}.sidebar__user-chip[aria-expanded=true] .sidebar__user-chevron{transform:rotate(180deg)}.sidebar__user-menu{position:absolute;bottom:calc(100% + 4px);left:var(--sp-2);width:224px;background:var(--color-surface);border-radius:var(--r-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:var(--sp-1) 0;z-index:var(--z-dropdown);animation:fadeInUp var(--dur-fast) var(--ease-out)}.sidebar__user-menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:36px;padding:0 var(--sp-3);font-size:var(--text-sm);color:var(--color-text-primary);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:background var(--dur-fast)}.sidebar__user-menu-item:hover{background:var(--color-canvas)}.sidebar__user-menu-item--danger{color:var(--color-danger)}.sidebar__user-menu-divider{height:1px;background:var(--color-border);margin:var(--sp-1) 0}.sidebar__collapse-btn{display:flex;align-items:center;gap:10px;width:calc(100% - 16px);height:36px;padding:0 var(--sp-3);background:transparent;border:none;cursor:pointer;color:var(--color-text-dim-dark);border-radius:var(--r-sm);margin:var(--sp-1) var(--sp-2) 0;font-size:var(--text-sm);transition:background var(--dur-fast),color var(--dur-fast)}.sidebar__collapse-btn:hover{background:var(--color-sidebar-hover);color:var(--color-text-on-dark)}.sidebar__collapse-btn-label{transition:opacity var(--dur-fast) var(--ease-in);white-space:nowrap}.sidebar--collapsed .sidebar__collapse-btn-label{opacity:0;width:0;pointer-events:none}.sidebar-mobile-hamburger{display:none;position:fixed;top:12px;left:12px;z-index:calc(var(--z-sidebar) + 1);width:44px;height:44px;border:none;border-radius:var(--r-sm);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:0}.sidebar-mobile-hamburger__bar{display:block;width:18px;height:2px;background:var(--color-text-primary);border-radius:1px}.sidebar-mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-sidebar) - 1);background:var(--color-overlay)}.sidebar .sidebar__item:focus-visible{outline:2px solid var(--color-border);outline-offset:-2px}.sidebar .sidebar__user-chip:focus-visible,.sidebar .sidebar__collapse-btn:focus-visible{outline:2px solid var(--color-border);outline-offset:-2px}.sidebar .sidebar__user-menu-item:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}@media(max-width:1023px)and (min-width:768px){.sidebar{width:var(--sidebar-w-collapsed)}.sidebar .sidebar__logo-text{opacity:0;width:0;pointer-events:none}.sidebar .sidebar__group-label{opacity:0;height:0;padding:0;pointer-events:none}.sidebar .sidebar__item-label,.sidebar .sidebar__user-info{opacity:0;width:0;flex:0;pointer-events:none}.sidebar .sidebar__user-chevron,.sidebar .sidebar__collapse-btn-label{opacity:0;width:0;pointer-events:none}.sidebar .sidebar__item-badge{min-width:8px;width:8px;height:8px;padding:0;font-size:0;border-radius:var(--r-full);position:absolute;top:8px;right:10px}.sidebar .sidebar__item[title]:hover:after,.sidebar .sidebar__item:hover:after{content:attr(aria-label);position:absolute;left:calc(var(--sidebar-w-collapsed) + 8px);top:50%;transform:translateY(-50%);background:var(--color-sidebar-end);color:var(--color-text-on-dark);font-size:var(--text-sm);font-weight:500;padding:6px 10px;border-radius:var(--r-sm);box-shadow:var(--shadow-md);white-space:nowrap;z-index:var(--z-dropdown);pointer-events:none}}@media(max-width:767px){.sidebar-mobile-hamburger{display:flex}.sidebar-mobile-backdrop{display:block;animation:fadeIn var(--dur-normal) var(--ease-out)}.sidebar{transform:translate(-100%);width:min(80vw,320px);transition:transform var(--dur-normal) ease-out}.sidebar--mobile-open{transform:translate(0)}.sidebar--mobile-open .sidebar__logo-text,.sidebar--mobile-open .sidebar__item-label,.sidebar--mobile-open .sidebar__user-info,.sidebar--mobile-open .sidebar__user-chevron,.sidebar--mobile-open .sidebar__collapse-btn-label,.sidebar--mobile-open .sidebar__group-label{opacity:1;width:auto;flex:1;height:auto;padding:revert;pointer-events:auto}.sidebar--mobile-open .sidebar__collapse-btn{display:none}}.notif-dropdown{position:absolute;top:calc(var(--topbar-h) - 4px);right:0;width:360px;background:var(--color-surface);border-radius:var(--r-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);z-index:var(--z-dropdown);overflow:hidden;animation:fadeInUp var(--dur-fast) var(--ease-out)}.notif-dropdown__header{display:flex;align-items:center;justify-content:space-between;padding:14px var(--sp-4);border-bottom:1px solid var(--color-border)}.notif-dropdown__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.notif-dropdown__mark-all{font-size:var(--text-sm);color:var(--color-brand);background:transparent;border:none;cursor:pointer;padding:0;transition:color var(--dur-fast)}.notif-dropdown__mark-all:hover{color:var(--color-brand-dark);text-decoration:underline}.notif-dropdown__list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.notif-dropdown__list::-webkit-scrollbar{width:4px}.notif-dropdown__list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--r-full)}.notif-item{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border);cursor:pointer;text-decoration:none;transition:background var(--dur-fast);position:relative;border-left:4px solid transparent}.notif-item:hover{background:var(--color-surface-2)}.notif-item:last-child{border-bottom:none}.notif-item--unread{background:var(--color-brand-light)}.notif-item--unread:hover{background:var(--color-surface-2)}.notif-item--project_update{border-left-color:var(--color-brand)}.notif-item--milestone_approved{border-left-color:var(--color-violet)}.notif-item--milestone_delayed{border-left-color:var(--color-danger)}.notif-item--onboarding{border-left-color:var(--color-amber)}.notif-item--sla_breach{border-left-color:var(--color-danger)}.notif-item--general{border-left-color:var(--color-text-muted)}.notif-item__icon{flex-shrink:0;margin-top:2px}.notif-item__content{flex:1;min-width:0}.notif-item__title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);line-height:var(--lh-sm)}.notif-item__body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--lh-sm);margin-top:2px}.notif-item__time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--sp-1);display:block}.notif-item__dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--color-brand);flex-shrink:0;margin-top:6px}.notif-dropdown__footer{border-top:1px solid var(--color-border)}.notif-dropdown__view-all{display:block;width:100%;text-align:center;padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);color:var(--color-brand);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:background var(--dur-fast)}.notif-dropdown__view-all:hover{background:var(--color-canvas);text-decoration:underline}.notif-dropdown__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--sp-2);color:var(--color-text-muted);text-align:center}.notif-dropdown__empty-icon{color:var(--color-border-strong);margin-bottom:var(--sp-1)}.notif-dropdown__empty-title{font-size:var(--text-md);font-weight:500;color:var(--color-text-secondary)}.notif-dropdown__empty-desc{font-size:var(--text-sm);color:var(--color-text-muted)}.notif-dropdown__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-dropdown) - 1)}.topbar{position:fixed;top:0;left:var(--current-sidebar-w);right:0;height:var(--topbar-h);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);z-index:var(--z-sticky);transition:left var(--dur-normal) var(--ease-out)}.topbar__left{display:flex;align-items:center;gap:var(--sp-2);min-width:0;flex:1}.topbar__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background var(--dur-fast),color var(--dur-fast)}.topbar__toggle:hover{background:var(--color-canvas);color:var(--color-text-primary)}.topbar__breadcrumb{display:flex;align-items:center;gap:2px;font-size:var(--text-sm);max-width:480px;overflow:hidden;flex-shrink:1;min-width:0}.topbar__breadcrumb-item{color:var(--color-brand);text-decoration:none;white-space:nowrap;transition:color var(--dur-fast);flex-shrink:0}.topbar__breadcrumb-item:hover{color:var(--color-brand-dark);text-decoration:underline}.topbar__breadcrumb-item--current{color:var(--color-text-primary);font-weight:500;pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.topbar__breadcrumb-sep{color:var(--color-text-muted);flex-shrink:0;margin:0 2px}.topbar__right{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.topbar__search{display:flex;align-items:center;gap:var(--sp-2);height:32px;padding:0 var(--sp-3);background:var(--color-canvas);border:1px solid var(--color-border);border-radius:var(--r-sm);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--dur-fast),background var(--dur-fast);white-space:nowrap;min-width:200px}.topbar__search:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.topbar__search-label{flex:1;text-align:left}.topbar__search-kbd{font-size:var(--text-2xs);font-weight:500;font-family:var(--font-mono);background:var(--color-border);padding:1px 5px;border-radius:var(--r-xs);line-height:1.4}.topbar__bell-wrap{position:relative;display:flex;align-items:center}.topbar__bell{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-full);background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast);position:relative}.topbar__bell:hover{background:var(--color-canvas);color:var(--color-text-primary)}.topbar__bell-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 3px;background:var(--color-danger);color:var(--color-white);font-size:var(--text-3xs);font-weight:700;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-surface);line-height:1}@keyframes bell-shake{0%{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}to{transform:translate(0)}}.topbar__bell--shake svg{animation:bell-shake .3s cubic-bezier(.34,1.56,.64,1)}.topbar__avatar{width:32px;height:32px;border-radius:var(--r-full);background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:600;color:var(--color-white);cursor:pointer;border:2px solid var(--color-surface);transition:border-color var(--dur-fast);flex-shrink:0}.topbar__avatar:hover{border-color:var(--color-brand)}.topbar__avatar-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--color-surface);border-radius:var(--r-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);padding:var(--sp-1) 0;z-index:var(--z-dropdown);animation:fadeInUp var(--dur-fast) var(--ease-out)}.topbar__avatar-wrap{position:relative}.topbar__avatar-menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;height:36px;padding:0 var(--sp-3);font-size:var(--text-sm);color:var(--color-text-primary);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:background var(--dur-fast)}.topbar__avatar-menu-item:hover{background:var(--color-canvas)}.topbar__avatar-menu-item--danger{color:var(--color-danger)}.topbar__avatar-menu-divider{height:1px;background:var(--color-border);margin:var(--sp-1) 0}.topbar__mobile-logo{display:none;align-items:center;gap:var(--sp-2);font-size:var(--text-base);font-weight:700;color:var(--color-text-primary)}.topbar__mobile-logo-icon{width:24px;height:24px;border-radius:var(--r-xs);background:var(--color-brand-gradient);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--text-xs);font-weight:700}@media(max-width:1280px){.topbar__search{min-width:32px;width:32px;padding:0;justify-content:center;border-radius:var(--r-full)}.topbar__search-label,.topbar__search-kbd{display:none}}@media(max-width:1024px){.topbar{left:0}.topbar__breadcrumb{display:none}.topbar__mobile-logo{display:flex}.topbar__toggle{display:none}}@media(max-width:768px){.topbar__search{display:none}}.admin-shell{min-height:100vh}.admin-shell__content{margin-left:var(--current-sidebar-w);margin-top:var(--topbar-h);min-height:calc(100vh - var(--topbar-h));background:var(--color-canvas);transition:margin-left var(--dur-normal) var(--ease-out)}.admin-shell__page{padding:var(--content-pad);max-width:var(--content-max);margin:0 auto;animation:fadeInUp var(--dur-normal) var(--ease-out)}@media(max-width:1023px)and (min-width:768px){.admin-shell__content{margin-left:var(--sidebar-w-collapsed)}}@media(max-width:767px){.admin-shell__content{margin-left:0;margin-top:52px}.admin-shell__page{padding:var(--sp-4)}}.client-portal-shell{display:flex;flex-direction:column;min-height:100vh}.client-portal-topbar{position:fixed;top:0;left:0;right:0;height:58px;background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky)}.client-portal-topbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 28px;max-width:1400px;margin:0 auto;width:100%}.client-portal-topbar__left{display:flex;align-items:center;gap:10px;flex-shrink:0}.client-portal-logo-mark{font-size:20px;color:var(--color-brand)}.client-portal-logo-name{font-size:var(--text-md);font-weight:700;color:var(--color-text-primary)}.client-portal-topbar__divider{width:1px;height:18px;background:var(--color-border);margin:0 2px}.client-portal-topbar__org{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.client-portal-topbar__nav{display:flex;align-items:center;gap:var(--sp-1)}.client-portal-nav-link{font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);text-decoration:none;padding:6px 12px;border-radius:var(--r-sm);border-bottom:2px solid transparent;transition:color var(--dur-fast),border-color var(--dur-fast);white-space:nowrap}.client-portal-nav-link:hover{color:var(--color-text-primary)}.client-portal-nav-link--active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.client-portal-topbar__right{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.client-portal-user{position:relative}.client-portal-user__btn{display:flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);color:var(--color-text-primary)}.client-portal-user__btn:hover{background:var(--color-surface-2)}.client-portal-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-brand-light);color:var(--color-brand);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700}.client-portal-user__name{font-size:var(--text-sm);font-weight:500}.client-portal-user__caret{font-size:var(--text-xs);color:var(--color-text-muted)}.client-portal-user__dropdown{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-md);min-width:180px;z-index:var(--z-sidebar);overflow:hidden}.client-portal-user__dropdown-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;text-align:left;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap}.client-portal-user__dropdown-item:hover{background:var(--color-surface-2)}.client-portal-user__dropdown-item--danger{color:var(--color-danger)}.client-portal-user__dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}.client-portal-hamburger{display:none;background:none;border:none;cursor:pointer;font-size:20px;color:var(--color-text-primary);padding:4px 8px}.client-portal-drawer{background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-md);padding:8px 0}.client-portal-drawer__link{display:block;padding:12px 24px;font-size:var(--text-md);font-weight:500;color:var(--color-text-secondary);text-decoration:none}.client-portal-drawer__link:hover,.client-portal-drawer__link--active{color:var(--color-brand);background:var(--color-brand-light)}.client-portal-drawer__signout{display:block;width:100%;text-align:left;padding:12px 24px;font-size:var(--text-md);color:var(--color-danger);background:none;border:none;cursor:pointer;border-top:1px solid var(--color-border);margin-top:var(--sp-1)}.client-portal-content{margin-top:58px;flex:1;background:var(--color-canvas)}.client-portal-page{padding:28px;max-width:1400px;margin:0 auto;animation:fadeInUp var(--dur-normal) var(--ease-out)}.client-portal-footer{height:52px;background:var(--color-surface);border-top:1px solid var(--color-border)}.client-portal-footer__inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 28px;max-width:1400px;margin:0 auto}.client-portal-footer__brand{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.client-portal-footer__right{font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:768px){.client-portal-topbar__nav{display:none}.client-portal-hamburger{display:block}.client-portal-user__name,.client-portal-user__caret{display:none}.client-portal-page{padding:16px}}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-canvas);padding:var(--sp-5)}.login-card{width:400px;max-width:100%;background:var(--color-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:40px;display:flex;flex-direction:column;gap:var(--sp-5)}.login-card__logo{display:flex;align-items:center;justify-content:center;gap:var(--sp-2)}.login-card__logo-icon{font-size:var(--text-2xl);color:var(--color-brand)}.login-card__logo-text{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.login-card__subtitle{text-align:center;font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.login-card__error{background:var(--color-danger-bg);border-left:3px solid var(--color-danger);color:var(--color-danger);font-size:var(--text-sm);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);display:flex;align-items:flex-start;gap:var(--sp-2)}.login-card__label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.login-card__input{height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-base);outline:none;transition:border-color .12s,box-shadow .12s;width:100%}.login-card__input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-focus-ring)}.login-card__input:disabled{opacity:.6;cursor:not-allowed}.login-card__pw-wrap{position:relative}.login-card__pw-wrap .login-card__input{padding-right:40px}.login-card__pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:4px;border-radius:var(--r-xs);display:flex;align-items:center;justify-content:center}.login-card__pw-toggle:hover{color:var(--color-text-primary)}.login-card__submit{height:42px;background:var(--color-brand);color:var(--color-white);border:none;border-radius:var(--r-sm);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background .12s}.login-card__submit:hover:not(:disabled){background:var(--color-brand-dark)}.login-card__submit:disabled{opacity:.6;cursor:not-allowed}.login-page__footer{margin-top:var(--sp-6);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:480px){.login-card{padding:24px;border-radius:var(--r-lg)}}.skip-link{position:absolute;top:-100%;left:16px;background:var(--color-brand);color:var(--color-white);padding:8px 16px;border-radius:0 0 6px 6px;font-size:13px;font-weight:500;z-index:9999;text-decoration:none;transition:top .1s}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:inherit}.sidebar :focus-visible,[data-theme=dark] :focus-visible{outline:2px solid var(--color-text-on-dark);outline-offset:2px}[data-theme=dark] input:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] select:focus-visible{outline:none}[aria-invalid=true]:focus-visible,.input--error:focus-visible{outline:2px solid var(--color-bw-danger);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.drawer{transform:none!important;transition:none!important}.sidebar{transition:none!important}.toast{transform:none!important;transition:opacity .15s ease!important}.modal-backdrop,.drawer-backdrop{transition:none!important}.command-palette{animation:none!important}.drag-ghost{transform:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.toast-sr-announcer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;transition:background-color .2s,color .2s}:root{--color-canvas: #f0f2f7;--color-surface: #ffffff;--color-surface-2: #f7f8fb;--color-surface-3: #eff1f7;--color-border: #e1e5ee;--color-border-strong: #c8cedb;--color-sidebar-start: #1e293b;--color-sidebar-end: #1a2332;--color-sidebar-hover: #273548;--color-sidebar-active: #2d3e55;--color-sidebar-border: #334155;--color-text-on-dark: #f1f5f9;--color-text-dim-dark: #94a3b8;--color-text-primary: #0d1426;--color-text-secondary: #4b5568;--color-text-muted: #8896ab;--color-brand: #3b82f6;--color-brand-dark: #2563eb;--color-brand-darker: #1d4ed8;--color-brand-light: #eff6ff;--color-brand-gradient: linear-gradient(135deg, #3b82f6, #6366f1);--color-success: #059669;--color-success-bg: #ecfdf5;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-danger: #dc2626;--color-danger-dark: #b91c1c;--color-danger-bg: #fef2f2;--color-info: #0891b2;--color-info-bg: #ecfeff;--color-violet: #7c3aed;--color-violet-bg: #f5f3ff;--color-orange: #ea580c;--color-orange-bg: #fff7ed;--color-amber: #f59e0b;--color-bw-safe: #10b981;--color-bw-warn: #f59e0b;--color-bw-danger: #ef4444;--color-bw-over: #dc2626;--color-neutral: #64748b;--color-neutral-bg: #f1f5f9;--color-superseded: #9ca3af;--color-superseded-bg: #f9fafb;--color-amber-dark: #b45309;--color-amber-bg: #fef3c7;--color-danger-border: #fca5a5;--color-danger-bg-strong: #fee2e2;--color-white: #ffffff;--color-black: #000000;--color-focus-ring: rgba(59, 130, 246, .2);--color-focus-ring-danger: rgba(220, 38, 38, .35);--color-focus-ring-brand: rgba(59, 130, 246, .3);--color-overlay: rgba(7, 12, 24, .5);--color-overlay-light: rgba(7, 12, 24, .4);--color-danger-row: rgba(220, 38, 38, .04);--color-warning-row: rgba(245, 158, 11, .04);--color-violet-row: rgba(124, 58, 237, .04);--color-brand-row: rgba(59, 130, 246, .03);--color-danger-row-light: rgba(239, 68, 68, .03);--color-warning-row-light: rgba(245, 158, 11, .03);--color-danger-border-subtle: rgba(220, 38, 38, .2);--color-danger-border-strong: rgba(220, 38, 38, .3);--color-danger-hover: rgba(220, 38, 38, .07);--color-warning-border-subtle: rgba(245, 158, 11, .3);--color-warning-hover: rgba(245, 158, 11, .1);--color-violet-row-light: rgba(124, 58, 237, .03);--color-overlay-heavy: rgba(7, 12, 24, .85);--color-overlay-dense: rgba(7, 12, 24, .92);--color-white-translucent: rgba(255, 255, 255, .8);--color-tooltip-secondary: rgba(255, 255, 255, .75);--color-tooltip-tertiary: rgba(255, 255, 255, .65);--color-shadow-subtle: rgba(0, 0, 0, .05);--color-shadow-light: rgba(0, 0, 0, .03);--avatar-saturation: 50%;--avatar-lightness: 42%;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-3xs: 10px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--lh-2xs: 16px;--lh-xs: 18px;--lh-sm: 20px;--lh-base: 22px;--lh-md: 24px;--lh-lg: 28px;--lh-xl: 32px;--lh-2xl: 36px;--lh-3xl: 44px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-xs: 4px;--r-sm: 6px;--r-base: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(13, 20, 38, .05);--shadow-sm: 0 2px 8px rgba(13, 20, 38, .08), 0 1px 2px rgba(13, 20, 38, .04);--shadow-md: 0 4px 16px rgba(13, 20, 38, .1), 0 2px 4px rgba(13, 20, 38, .06);--shadow-lg: 0 12px 40px rgba(13, 20, 38, .14), 0 4px 12px rgba(13, 20, 38, .08);--shadow-xl: 0 24px 64px rgba(13, 20, 38, .18), 0 8px 24px rgba(13, 20, 38, .1);--shadow-colored: 0 8px 32px rgba(59, 130, 246, .28);--shadow-brand-glow: 0 8px 32px rgba(59, 130, 246, .3);--z-canvas: 0;--z-cards: 1;--z-sticky: 100;--z-sidebar: 200;--z-dropdown: 300;--z-drawer: 400;--z-modal: 500;--z-overlay: 600;--z-toast: 700;--z-popover: 800;--dur-instant: 0ms;--dur-fast: .12s;--dur-normal: .22s;--dur-slow: .38s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--sidebar-w: 256px;--sidebar-w-collapsed: 60px;--topbar-h: 58px;--content-pad: 28px;--content-max: 1400px;--current-sidebar-w: 256px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);color:var(--color-text-primary);background:var(--color-canvas)}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer}input,textarea,select{font-family:var(--font-sans)}code,pre,.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.scrollbar-thin::-webkit-scrollbar{width:4px}.text-2xs{font-size:var(--text-2xs);line-height:var(--lh-2xs);font-weight:600;letter-spacing:.04em}.text-xs{font-size:var(--text-xs);line-height:var(--lh-xs)}.text-sm{font-size:var(--text-sm);line-height:var(--lh-sm)}.text-base{font-size:var(--text-base);line-height:var(--lh-base)}.text-md{font-size:var(--text-md);line-height:var(--lh-md);font-weight:500}.text-lg{font-size:var(--text-lg);line-height:var(--lh-lg);font-weight:600}.text-xl{font-size:var(--text-xl);line-height:var(--lh-xl);font-weight:700}.text-2xl{font-size:var(--text-2xl);line-height:var(--lh-2xl);font-weight:700}.text-3xl{font-size:var(--text-3xl);line-height:var(--lh-3xl);font-weight:800}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-brand)}.text-danger{color:var(--color-danger)}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppercase{text-transform:uppercase;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);height:36px;padding:0 var(--sp-4);font-size:var(--text-base);font-weight:500;line-height:20px;border-radius:var(--r-sm);border:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);white-space:nowrap;text-decoration:none}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--lg{height:42px;padding:0 20px}.btn--sm{height:28px;padding:0 10px;font-size:var(--text-sm)}.btn--primary{background:var(--color-brand-dark);color:var(--color-white)}.btn--primary:hover:not(:disabled){background:var(--color-brand-darker);box-shadow:0 4px 12px var(--color-focus-ring-brand)}.btn--primary:active:not(:disabled){background:var(--color-brand-darker)}.btn--secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn--secondary:active:not(:disabled){background:var(--color-surface-3)}.btn--secondary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn--ghost{background:transparent;color:var(--color-text-secondary);padding:0 var(--sp-3)}.btn--ghost:hover:not(:disabled){background:var(--color-canvas);color:var(--color-text-primary)}.btn--ghost:active:not(:disabled){background:var(--color-surface-3)}.btn--ghost:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--danger:hover:not(:disabled){background:var(--color-danger-dark)}.btn--danger:active:not(:disabled){background:var(--color-danger-dark)}.btn--danger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring-danger)}.btn--outline{background:transparent;color:var(--color-brand);border:1px solid var(--color-brand)}.btn--outline:hover:not(:disabled){background:var(--color-brand-light)}.btn--outline:active:not(:disabled){background:var(--color-brand-light)}.btn--outline:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-sm);background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);flex-shrink:0}.btn-icon:hover{background:var(--color-canvas);color:var(--color-text-primary)}.btn-icon:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}.btn-icon--sm{width:28px;height:28px}.btn-icon--lg{width:44px;height:44px}.btn--loading{pointer-events:none;opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{animation:spin .6s linear infinite}.input{display:block;width:100%;height:36px;padding:0 var(--sp-3);font-size:var(--text-base);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-sm);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast),box-shadow var(--dur-fast);outline:none}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-focus-ring)}.input:disabled{background:var(--color-surface-2);color:var(--color-text-muted);cursor:not-allowed}.input--error{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-focus-ring-danger)}.input--with-icon{padding-left:36px}textarea.input{height:auto;min-height:96px;padding:var(--sp-3);resize:vertical;line-height:var(--lh-base)}.input-wrapper{position:relative}.input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;transition:color var(--dur-fast)}.input-wrapper:focus-within .input-icon{color:var(--color-brand)}.input-error-msg{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--sp-1)}.input-helper{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--sp-1)}.field-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--sp-1)}.field-label--required:after{content:" *";color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-2xs);font-weight:600;line-height:var(--lh-2xs);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--r-full);padding:4px 8px;height:22px;white-space:nowrap;border:none;transition:background-color .2s ease,color .2s ease}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--sm{font-size:10px;padding:2px 5px;height:18px}.badge--xs{font-size:var(--text-xs);font-weight:500;height:20px;padding:3px 7px}.badge--compact{width:16px;height:16px;padding:0;background:none;display:flex;align-items:center;justify-content:center;border-radius:0}.badge--compact .badge__dot{width:6px;height:6px}.badge--outlined{background:var(--color-surface);border:1px solid currentColor}.badge--superseded .badge__label{text-decoration:line-through}.badge--clickable{cursor:pointer}.badge--clickable:hover{box-shadow:0 0 0 2px rgba(var(--badge-text-rgb, 59, 130, 246),.25);transition:box-shadow .15s ease}.badge--clickable:active{transform:scale(.96);transition:transform .1s ease}.badge--clickable:focus-visible{outline:2px solid currentColor;outline-offset:2px}.badge--clickable:disabled,.badge--clickable.badge--disabled{opacity:.45;cursor:not-allowed}.badge--clickable:disabled:hover,.badge--clickable.badge--disabled:hover{box-shadow:none;transform:none}.badge--lead{background:var(--color-brand-gradient);color:var(--color-white);padding:4px 9px}.badge--contributor{color:var(--color-violet);background:var(--color-violet-bg)}.badge--reviewer{color:var(--color-neutral);background:var(--color-neutral-bg)}.badge--fixed{color:var(--color-brand-dark);background:var(--color-white);border:1px solid var(--color-brand-dark)}.badge--retainer{color:var(--color-violet);background:var(--color-white);border:1px solid var(--color-violet)}.badge--discovery{color:var(--color-neutral);background:var(--color-neutral-bg)}.badge--estimation{color:var(--color-warning);background:var(--color-warning-bg)}.badge--pending_approval{color:var(--color-violet);background:var(--color-violet-bg)}.badge--active{color:var(--color-success);background:var(--color-success-bg)}.badge--on_hold{color:var(--color-orange);background:var(--color-orange-bg)}.badge--completed{color:var(--color-brand-dark);background:var(--color-brand-light)}.badge--cancelled{color:var(--color-danger);background:var(--color-danger-bg)}.badge--draft{color:var(--color-neutral);background:var(--color-neutral-bg)}.badge--in_progress{color:var(--color-info);background:var(--color-info-bg)}.badge--delayed{color:var(--color-danger);background:var(--color-danger-bg)}.badge--approved{color:var(--color-success);background:var(--color-success-bg)}.badge--sent{color:var(--color-violet);background:var(--color-violet-bg)}.badge--superseded{color:var(--color-superseded);background:var(--color-superseded-bg)}.badge--rejected{color:var(--color-danger);background:var(--color-danger-bg)}.badge--inactive{color:var(--color-neutral);background:var(--color-neutral-bg)}.badge--churned{color:var(--color-danger);background:var(--color-danger-bg)}.badge--invited{color:var(--color-warning);background:var(--color-warning-bg)}.badge--no_access{color:var(--color-neutral);background:var(--color-neutral-bg)}.badge--owner{color:var(--color-brand-dark);background:var(--color-brand-light)}.badge--admin{color:var(--color-violet);background:var(--color-violet-bg)}.badge--member{color:var(--color-neutral);background:var(--color-neutral-bg)}.dot-badge{min-width:16px;height:16px;padding:0 4px;background:var(--color-danger);color:var(--color-white);font-size:10px;font-weight:700;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;line-height:1}.toggle{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border-strong);border-radius:var(--r-full);transition:background var(--dur-fast);cursor:pointer}.toggle input:checked+.toggle__track{background:var(--color-brand)}.toggle__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-white);border-radius:var(--r-full);box-shadow:var(--shadow-xs);transition:transform 0ms;pointer-events:none}.toggle input:checked~.toggle__thumb{transform:translate(16px)}.toggle input:focus-visible+.toggle__track{box-shadow:0 0 0 3px var(--color-focus-ring)}.card{background:var(--color-surface);border-radius:var(--r-md);padding:var(--sp-6);box-shadow:var(--shadow-sm)}.card--hover{transition:box-shadow var(--dur-fast),transform var(--dur-fast)}.card--hover:hover{box-shadow:var(--shadow-md)}.divider{height:1px;background:var(--color-border);border:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalEntrance{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes drawerEntrance{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes bellShake{0%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}to{transform:rotate(0)}}.bell-shake{animation:bellShake .3s var(--ease-spring)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.5s ease-in-out infinite}.route-enter{animation:fadeIn var(--dur-normal) var(--ease-out)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:var(--z-modal);animation:fadeIn var(--dur-normal) var(--ease-out)}.modal-box{background:var(--color-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);animation:modalEntrance var(--dur-normal) var(--ease-out);max-width:720px;width:100%;margin:16px}.modal-box--sm{max-width:520px}.modal-box--lg{max-width:960px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-light);z-index:var(--z-drawer);animation:fadeIn var(--dur-normal) var(--ease-out)}.drawer{position:fixed;top:0;right:0;height:100vh;width:480px;background:var(--color-surface);box-shadow:var(--shadow-lg);z-index:var(--z-drawer);overflow-y:auto;animation:drawerEntrance var(--dur-normal) var(--ease-out)}.drawer--wide{width:640px}.page-content{max-width:var(--content-max);padding:var(--content-pad);animation:fadeIn var(--dur-normal) var(--ease-out)}.page-title{font-size:var(--text-xl);font-weight:700;line-height:var(--lh-xl);color:var(--color-text-primary);letter-spacing:-.01em}.section-header{font-size:var(--text-lg);font-weight:600;line-height:var(--lh-lg);color:var(--color-text-primary);margin-bottom:var(--sp-4)}.login-page{display:grid;place-items:center;min-height:100vh;background:var(--color-canvas)}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);padding:var(--sp-8);width:100%;max-width:380px;box-shadow:var(--shadow-md)}.login-form h2{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--sp-5)}.login-form label{display:block;margin-bottom:var(--sp-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.login-form button[type=submit]{width:100%;margin-top:var(--sp-2)}.password-wrapper{position:relative;display:flex;align-items:center;margin-top:var(--sp-1)}.password-wrapper .input{padding-right:38px}.password-toggle{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;padding:4px}[data-theme=dark]{--color-canvas: #0d1117;--color-surface: #161b27;--color-surface-2: #1c2333;--color-surface-3: #212940;--color-border: #2a3447;--color-border-strong: #384156;--color-sidebar-start: #070c18;--color-sidebar-end: #0d1426;--color-sidebar-hover: #141e35;--color-sidebar-active: #1c2a45;--color-sidebar-border: #1c2a45;--color-text-on-dark: #e8edf7;--color-text-dim-dark: #7a8ba8;--color-text-primary: #e8edf7;--color-text-secondary: #a0aec0;--color-text-muted: #6b7a94;--color-brand: #60a5fa;--color-brand-dark: #3b82f6;--color-brand-darker: #2563eb;--color-brand-light: #1e3a5f;--color-brand-gradient: linear-gradient(135deg, #60a5fa, #818cf8);--color-success: #34d399;--color-success-bg: #0d2218;--color-warning: #fbbf24;--color-warning-bg: #2d2010;--color-danger: #f87171;--color-danger-bg: #2d0a0a;--color-info: #38bdf8;--color-info-bg: #0c1e2d;--color-violet: #a78bfa;--color-violet-bg: #2e1065;--color-orange: #fb923c;--color-orange-bg: #431407;--color-amber: #fcd34d;--color-bw-safe: #34d399;--color-bw-warn: #fbbf24;--color-bw-danger: #f87171;--color-bw-over: #ef4444;--color-neutral: #94a3b8;--color-neutral-bg: #1e2533;--color-superseded: #9ca3af;--color-superseded-bg: #1e2533;--color-amber-dark: #fcd34d;--color-amber-bg: #2d2010;--color-danger-border: #7f1d1d;--color-danger-bg-strong: #2d0a0a;--color-focus-ring: rgba(96, 165, 250, .2);--color-focus-ring-danger: rgba(248, 113, 113, .35);--color-focus-ring-brand: rgba(96, 165, 250, .3);--color-overlay: rgba(0, 0, 0, .7);--color-overlay-light: rgba(0, 0, 0, .6);--color-danger-row: rgba(248, 113, 113, .06);--color-warning-row: rgba(251, 191, 36, .06);--color-violet-row: rgba(167, 139, 250, .06);--color-brand-row: rgba(96, 165, 250, .05);--color-danger-row-light: rgba(248, 113, 113, .04);--color-warning-row-light: rgba(251, 191, 36, .04);--color-danger-border-subtle: rgba(248, 113, 113, .25);--color-danger-border-strong: rgba(248, 113, 113, .35);--color-danger-hover: rgba(248, 113, 113, .1);--color-warning-border-subtle: rgba(251, 191, 36, .35);--color-warning-hover: rgba(251, 191, 36, .12);--color-violet-row-light: rgba(167, 139, 250, .05);--color-overlay-heavy: rgba(0, 0, 0, .85);--color-overlay-dense: rgba(0, 0, 0, .92);--color-white-translucent: rgba(255, 255, 255, .15);--color-tooltip-secondary: rgba(255, 255, 255, .65);--color-tooltip-tertiary: rgba(255, 255, 255, .5);--color-shadow-subtle: rgba(0, 0, 0, .2);--color-shadow-light: rgba(0, 0, 0, .15);--avatar-saturation: 45%;--avatar-lightness: 58%;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6), 0 4px 12px rgba(0, 0, 0, .35);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .7), 0 8px 24px rgba(0, 0, 0, .4);--shadow-colored: 0 8px 32px rgba(96, 165, 250, .2)}[data-theme=dark] .badge--inactive{color:var(--color-warning);background:var(--color-warning-bg)}[data-theme=dark] .badge--churned{color:var(--color-neutral);background:var(--color-neutral-bg)}[data-theme=dark] .badge--lead{background:var(--color-brand-light)}[data-theme=dark] .badge--contributor{color:var(--color-neutral);background:var(--color-neutral-bg)}[data-theme=dark] .badge--reviewer{color:var(--color-success);background:var(--color-success-bg)}[data-theme=dark] :focus-visible{outline-color:var(--color-text-on-dark)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--color-border-strong)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}[data-theme=dark] .input{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-focus-ring)}[data-theme=dark] .input:disabled{background:var(--color-surface-3)}[data-theme=dark] .btn--primary:hover:not(:disabled){box-shadow:0 4px 12px var(--color-focus-ring-brand)}[data-theme=dark] .btn--secondary{background:var(--color-surface-2);border-color:var(--color-border)}[data-theme=dark] .btn--secondary:hover:not(:disabled){background:var(--color-surface-3);border-color:var(--color-border-strong)}html[data-theme=dark]{color-scheme:dark}html:not([data-theme=dark]){color-scheme:light}.page-header{margin-bottom:var(--sp-6)}.page-header__breadcrumb{display:flex;align-items:center;margin-bottom:var(--sp-2);flex-wrap:wrap;gap:0}.page-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.page-header__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);line-height:1.2}.page-header__actions{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0}.status-tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-4)}.status-tab{padding:8px 16px;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast);white-space:nowrap;margin-bottom:-1px}.status-tab:hover{color:var(--color-text-primary);background:var(--color-surface-2)}.status-tab--active{color:var(--color-brand);font-weight:600;border-bottom-color:var(--color-brand);background:var(--color-brand-light)}.status-tab__count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:4px}.filter-bar{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap}.filter-bar__search{display:flex;align-items:center;gap:var(--sp-2);height:34px;padding:0 var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-sm);min-width:220px;flex:1;max-width:360px;transition:border-color var(--dur-fast)}.filter-bar__search:focus-within{border-color:var(--color-brand);outline:none}.filter-bar__search input{border:none;background:transparent;outline:none;font-size:var(--text-sm);color:var(--color-text-primary);width:100%}.filter-bar__search input::placeholder{color:var(--color-text-muted)}.filter-bar__select{height:34px;padding:0 var(--sp-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--dur-fast)}.filter-bar__select:focus{border-color:var(--color-brand);outline:none}.filter-bar__count{font-size:var(--text-sm);color:var(--color-text-muted);margin-left:auto;flex-shrink:0}.data-table-wrap{background:var(--color-surface);border-radius:var(--r-md);border:1px solid var(--color-border);overflow:hidden;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{background:var(--color-surface-2);position:sticky;top:0;z-index:2}.data-table th{padding:10px 14px;text-align:left;font-size:var(--text-2xs);font-weight:600;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--color-border);white-space:nowrap;cursor:default}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--color-text-primary)}.data-table td{padding:10px 14px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--dur-fast);cursor:pointer;position:relative}.data-table tbody tr:hover{background:var(--color-surface-2)}.data-table tbody tr.row--danger{background:var(--color-danger-row-light);border-left:3px solid var(--color-danger)}.data-table tbody tr.row--warn{background:var(--color-warning-row-light)}.avatar-stack{display:flex;align-items:center}.avatar-stack .avatar{border:2px solid var(--color-surface);margin-left:-4px}.avatar-stack .avatar:first-child{margin-left:0}.avatar-stack__more{width:24px;height:24px;border-radius:50%;background:var(--color-surface-2);border:2px solid var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-text-muted);margin-left:-4px}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted)}.pagination__pages{display:flex;align-items:center;gap:var(--sp-1)}.pagination__btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}.pagination__btn:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text-primary)}.pagination__btn--active{background:var(--color-brand);color:var(--color-white);border-color:var(--color-brand);font-weight:600}.pagination__btn:disabled{opacity:.4;cursor:default}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-surface-2) 50%,var(--color-border) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--r-sm)}@keyframes bwPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes timelinePulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@keyframes selectOpen{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes pendingPulse{0%,to{border-left-color:var(--color-amber)}50%{border-left-color:transparent}}.row--pending-approval{background:var(--color-warning-row);border-left:3px solid var(--color-amber);animation:pendingPulse 3s ease-in-out infinite}.inline-confirm{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-primary)}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--sp-5)}.section-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-4)}.section-card__title{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 14px;background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background var(--dur-fast)}.dropdown-item:hover{background:var(--color-surface-2)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.stat-grid>*{display:flex}.stat-grid>*>.stat-card,.stat-grid>.stat-card{flex:1}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow var(--dur-fast),border-color var(--dur-fast)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.stat-card__label{font-size:var(--text-2xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-2)}.stat-card__value{font-size:28px;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:var(--sp-1)}.stat-card__sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--sp-3)}.stat-card__trend{font-size:var(--text-xs);font-weight:600}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-danger)}.stat-card__sparkline-row{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;border-top:1px solid var(--color-border);padding-top:var(--sp-2)}.detail-cols{display:grid;grid-template-columns:3fr 2fr;gap:var(--sp-6);align-items:start}@media(max-width:1024px){.detail-cols{grid-template-columns:1fr}}.tag-chip{display:inline-flex;align-items:center;padding:2px 8px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--r-xs);font-size:11px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap}.tag-chip--brand{background:var(--color-brand-light);color:var(--color-brand);border-color:var(--color-brand-light)}.info-note{display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-brand-light);border-left:3px solid var(--color-brand);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.warn-note{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-warning-bg);border-top:2px solid var(--color-amber);font-size:var(--text-sm);color:var(--color-warning)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:0 var(--sp-4);height:34px;border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:1px solid transparent;transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast);text-decoration:none;white-space:nowrap;flex-shrink:0}.btn--primary{background:var(--color-brand-dark);color:var(--color-white);border-color:var(--color-brand-dark)}.btn--primary:hover{background:var(--color-brand-darker);border-color:var(--color-brand-darker)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.btn--danger{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger-dark)}.btn--sm{height:28px;padding:0 var(--sp-3);font-size:var(--text-xs)}.btn--xs{height:24px;padding:0 var(--sp-2);font-size:11px}.btn:disabled{opacity:.5;cursor:default;pointer-events:none}.tab-bar{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--sp-5);gap:0;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{padding:10px 16px;font-size:var(--text-sm);font-weight:400;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color var(--dur-fast),border-color var(--dur-fast);white-space:nowrap;margin-bottom:-1px}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn--active{font-weight:600;color:var(--color-brand);border-bottom-color:var(--color-brand)}.tab-count{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:4px;font-weight:400}.over-alloc-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--r-full);font-size:11px;font-weight:600}a.link{color:var(--color-brand);text-decoration:none}a.link:hover{text-decoration:underline}[data-theme=dark] .data-table-wrap,[data-theme=dark] .section-card,[data-theme=dark] .stat-card{border-color:var(--color-border)}[data-theme=dark] .data-table thead{background:var(--color-surface-3)}[data-theme=dark] .data-table tbody tr:hover{background:var(--color-surface-2)}[data-theme=dark] .btn--ghost{border-color:var(--color-border)}[data-theme=dark] .filter-bar__search,[data-theme=dark] .filter-bar__select{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .warn-note{background:var(--color-warning-bg);color:var(--color-warning)}[data-theme=dark] .info-note{background:var(--color-brand-light);color:var(--color-text-secondary)}@media(max-width:767px){input,select,textarea{font-size:16px}}.sticky-header{padding-top:env(safe-area-inset-top)}.bottom-sheet,.sticky-footer,.mobile-action-bar{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){.stat-cards-grid{grid-template-columns:1fr 1fr;gap:var(--sp-4)}.stat-card{padding:var(--sp-5)}}@media(max-width:480px){.stat-cards-grid{grid-template-columns:1fr;gap:var(--sp-3)}.stat-card{padding:var(--sp-4)}}@media(max-width:767px){.form-row{flex-direction:column;gap:var(--sp-3)}.form-row>*{flex:1 1 100%}}@media(max-width:768px){.detail-cols{grid-template-columns:1fr}}@media(max-width:768px){:root{--content-pad: 16px}}.field-error-msg{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--sp-1);display:flex;align-items:center;gap:4px}.field-error-msg:before{content:"⚠";font-size:12px}.form-error-summary{background:var(--color-danger-bg);border:1px solid var(--color-danger-border-subtle);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-4)}.form-error-summary h3{font-size:var(--text-sm);font-weight:700;color:var(--color-danger);margin-bottom:var(--sp-2)}.form-error-summary ul{list-style:none;padding:0;margin:0}.form-error-summary li{margin-bottom:var(--sp-1)}.form-error-summary a{color:var(--color-danger);text-decoration:underline;font-size:var(--text-sm)}