.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6);background:var(--color-bg);background-image:var(--gradient-auth)}.auth-card{width:100%;max-width:396px;padding:var(--space-7) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.auth-brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--text-md);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.auth-brand .brand-mark{width:28px;height:28px}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.auth-sub{margin:var(--space-1) 0 var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-hint{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);font-size:var(--text-xs);color:var(--color-text-muted)}.auth-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--text-2xs);color:var(--color-text-muted);text-align:center}:root{color-scheme:dark;--color-bg: #0a0e0d;--color-bg-soft: #0c1110;--color-surface: #111715;--color-surface-raised: #151c1a;--color-surface-sunken: #0d1211;--color-surface-hover: #18211e;--color-surface-active: #1c2723;--color-border-subtle: #1a2220;--color-border: #222c29;--color-border-strong: #303c38;--color-border-accent: rgba(63, 207, 148, .42);--color-text: #e6ece9;--color-text-secondary: #9aa9a4;--color-text-muted: #6d7c77;--color-text-disabled: #4d5a55;--color-text-inverse: #05130e;--color-accent: #3fcf94;--color-accent-hover: #55dfa5;--color-accent-active: #2fb37e;--color-accent-contrast: #04140e;--color-accent-soft: rgba(63, 207, 148, .1);--color-accent-soft-hover: rgba(63, 207, 148, .16);--color-accent-soft-border: rgba(63, 207, 148, .32);--color-success: #3fcf94;--color-success-soft: rgba(63, 207, 148, .12);--color-danger: #e46761;--color-danger-hover: #f17b75;--color-danger-soft: rgba(228, 103, 97, .12);--color-danger-border: rgba(228, 103, 97, .42);--color-warning: #dfa646;--color-warning-soft: rgba(223, 166, 70, .12);--color-warning-border: rgba(223, 166, 70, .38);--color-info: #6aa6f2;--color-info-soft: rgba(106, 166, 242, .12);--color-neutral: #8d9c97;--color-neutral-soft: rgba(141, 156, 151, .12);--status-unpaid: var(--color-warning);--status-pending: var(--color-info);--status-settled: var(--color-success);--status-overdue: var(--color-danger);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--font-body: var(--font-sans);--font-display: var(--font-sans);--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.6;--tracking-tight: -.01em;--tracking-wide: .04em;--tracking-wider: .08em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .32);--shadow-sm: 0 2px 6px rgba(0, 0, 0, .32);--shadow-md: 0 8px 20px rgba(0, 0, 0, .38);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .48);--shadow-focus: 0 0 0 3px rgba(63, 207, 148, .18);--shadow-accent: 0 6px 18px rgba(63, 207, 148, .18);--shadow-card: var(--shadow-xs);--shadow-pop: var(--shadow-md);--transition-fast: .12s ease;--transition-base: .18s ease;--transition-slow: .26s ease;--transition-med: var(--transition-base);--sidebar-width: 232px;--topbar-height: 56px;--content-max: 1440px;--z-sidebar: 40;--z-overlay: 80;--z-modal: 90;--z-toast: 100;--color-scrim: rgba(4, 7, 6, .72);--color-row-hover: rgba(63, 207, 148, .05);--color-row-overdue: rgba(228, 103, 97, .05);--color-overlay-hover: rgba(255, 255, 255, .04);--color-scrollbar: rgba(255, 255, 255, .12);--color-scrollbar-hover: rgba(255, 255, 255, .2);--overlay-shimmer: rgba(255, 255, 255, .05);--gradient-skeleton: linear-gradient(90deg, transparent, var(--overlay-shimmer), transparent);--gradient-accent: linear-gradient(90deg, var(--color-accent), var(--color-accent-active));--gradient-auth: radial-gradient(circle at 50% 0%, rgba(63, 207, 148, .08), transparent 62%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight)}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}svg{display:block}ul,ol{list-style:none}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}::selection{background:var(--color-accent-soft-hover);color:var(--color-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover);background-clip:content-box}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);height:36px;width:100%;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}textarea{height:auto;min-height:84px;padding:var(--space-2) var(--space-3);line-height:var(--leading-normal);resize:vertical}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-7);background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--color-border-strong)}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);background:var(--color-surface)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input[type=checkbox],input[type=radio]{width:16px;height:16px;flex-shrink:0;accent-color:var(--color-accent);cursor:pointer}input:disabled,select:disabled,textarea:disabled{color:var(--color-text-disabled);cursor:not-allowed}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-4);flex-shrink:0;width:var(--sidebar-width);height:100vh;padding:var(--space-4) var(--space-3);background:var(--color-bg-soft);border-right:1px solid var(--color-border);overflow-y:auto;z-index:var(--z-sidebar)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-2);font-size:var(--text-md);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.brand-mark{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-accent-soft);border:1px solid var(--color-accent-soft-border);color:var(--color-accent)}.brand-mark svg{width:14px;height:14px}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-sub{display:block;font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--color-text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase}.sidebar-nav{display:flex;flex:1;flex-direction:column;gap:2px}.sidebar-group-label{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-disabled);letter-spacing:var(--tracking-wider);text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);height:34px;padding:0 var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);text-align:left;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.sidebar-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-link.active{background:var(--color-accent-soft);border-color:var(--color-accent-soft-border);color:var(--color-accent)}.sidebar-link svg{width:16px;height:16px;flex-shrink:0}.sidebar-footer{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.sidebar-user{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.main{flex:1;width:100%;min-width:0;max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-8)}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);min-height:var(--topbar-height);margin-bottom:var(--space-3)}.user-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-xs);color:var(--color-text-secondary)}.user-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-2xs);font-weight:var(--font-semibold)}.role-tag{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--color-neutral-soft);color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.role-tag.is-admin{background:var(--color-accent-soft);color:var(--color-accent)}.hamburger{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.hamburger svg{width:16px;height:16px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-scrim);z-index:var(--z-overlay)}.u-row{display:flex;align-items:center;gap:var(--space-2)}.u-row-top{display:flex;align-items:flex-start;gap:var(--space-2)}.u-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.u-col{display:flex;flex-direction:column;gap:var(--space-2)}.u-wrap{flex-wrap:wrap}.u-flex-1{flex:1;min-width:0}.u-gap-1{gap:var(--space-1)}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-gap-5{gap:var(--space-5)}.u-mt-1{margin-top:var(--space-1)}.u-mt-2{margin-top:var(--space-2)}.u-mt-3{margin-top:var(--space-3)}.u-mt-4{margin-top:var(--space-4)}.u-mt-5{margin-top:var(--space-5)}.u-mb-2{margin-bottom:var(--space-2)}.u-mb-3{margin-bottom:var(--space-3)}.u-mb-4{margin-bottom:var(--space-4)}.u-mb-5{margin-bottom:var(--space-5)}.u-w-full{width:100%}.u-mx-auto{margin-left:auto;margin-right:auto}.u-text-center{text-align:center}.u-max-w-xs{max-width:360px}.u-max-w-sm{max-width:480px}.u-max-w-md{max-width:600px}.u-max-w-lg{max-width:760px}.u-text-2xs{font-size:var(--text-2xs)}.u-text-xs{font-size:var(--text-xs)}.u-text-sm{font-size:var(--text-sm)}.u-text-muted{color:var(--color-text-muted)}.u-text-secondary{color:var(--color-text-secondary)}.u-text-danger{color:var(--color-danger)}.u-nowrap{white-space:nowrap}.u-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.u-mono{font-family:var(--font-mono)}.u-hidden{display:none}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform var(--transition-base);width:var(--sidebar-width)}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{display:block}.hamburger{display:inline-flex}.main{padding:var(--space-4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.55}.btn-sm{height:28px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs)}.btn-lg{height:40px;padding:0 var(--space-5);font-size:var(--text-base)}.btn-block{width:100%}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover);box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--color-surface-raised);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:transparent;border-color:var(--color-danger-border);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-soft);border-color:var(--color-danger)}.btn-icon{width:30px;padding:0}.spinner{display:inline-block;width:14px;height:14px;flex-shrink:0;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:spin .7s linear infinite}.spinner-lg{width:20px;height:20px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.field:last-child{margin-bottom:0}.field-label{display:flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}.field-required{color:var(--color-danger)}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox:hover .checkbox-label{color:var(--color-text)}.form-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.card-heading{min-width:0}.card-title{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-text)}.card-subtitle{margin-top:2px;font-size:var(--text-xs);color:var(--color-text-muted)}.card-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.card-body{padding:var(--space-5)}.card-body--flush{padding:0}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-heading{min-width:0}.page-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);color:var(--color-text)}.page-subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.page-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.stat-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text);font-variant-numeric:tabular-nums}.stat-value--accent{color:var(--color-accent)}.stat-value--danger{color:var(--color-danger)}.stat-value--warning{color:var(--color-warning)}.stat-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.callout{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-snug)}.callout-icon{flex-shrink:0;display:grid;place-items:center;width:18px;height:18px;border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-bold)}.callout-content{flex:1;min-width:0}.callout-title{font-weight:var(--font-semibold)}.callout-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.callout-danger .callout-icon{background:var(--color-danger);color:var(--color-accent-contrast)}.callout-warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning)}.callout-warning .callout-icon{background:var(--color-warning);color:var(--color-text-inverse)}.callout-success{background:var(--color-success-soft);border-color:var(--color-accent-soft-border);color:var(--color-success)}.callout-success .callout-icon{background:var(--color-success);color:var(--color-accent-contrast)}.callout-info{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-info)}.callout-info .callout-icon{background:var(--color-info);color:var(--color-accent-contrast)}.callout-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.callout-actions{margin-top:var(--space-2)}.table-wrap{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.table-scroll{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.data th{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);text-align:left;text-transform:uppercase;white-space:nowrap}table.data td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text);vertical-align:middle}table.data tbody tr:last-child td{border-bottom:none}table.data tbody tr.is-clickable{cursor:pointer}table.data tbody tr:hover td{background:var(--color-row-hover)}table.data tbody tr.row-overdue td{background:var(--color-row-overdue)}table.data tbody tr.row-overdue td:first-child{box-shadow:inset 2px 0 0 var(--color-danger)}table.data tbody tr.row-overdue:hover td{background:var(--color-row-overdue)}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.cell-truncate{max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cell-mono{font-family:var(--font-mono);font-size:var(--text-xs)}.cell-muted{color:var(--color-text-muted)}.tag{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 var(--space-2);border:1px solid transparent;border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--font-semibold);white-space:nowrap}.tag-dot{width:5px;height:5px;border-radius:var(--radius-full);background:currentColor}.tag-accent{background:var(--color-accent-soft);color:var(--color-accent)}.tag-success{background:var(--color-success-soft);color:var(--color-success)}.tag-warning{background:var(--color-warning-soft);color:var(--color-warning)}.tag-danger{background:var(--color-danger-soft);color:var(--color-danger)}.tag-info{background:var(--color-info-soft);color:var(--color-info)}.tag-neutral{background:var(--color-neutral-soft);color:var(--color-text-secondary)}.tag-muted{background:transparent;border-color:var(--color-border);color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-4);overflow-y:auto;background:var(--color-scrim);animation:fade-in var(--transition-fast)}.modal{position:relative;z-index:var(--z-modal);width:100%;max-width:520px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:modal-in var(--transition-base)}.modal--sm{max-width:420px}.modal--lg{max-width:640px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}.modal-desc{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted)}.modal-close{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-lg);line-height:1;transition:background var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-subtle)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center}.empty-state--inline{padding:var(--space-5)}.empty-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-text-muted)}.empty-icon svg{width:18px;height:18px}.empty-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary)}.empty-desc{max-width:420px;margin-top:var(--space-1);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-muted)}.empty-action{margin-top:var(--space-4)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-5);text-align:center;border:1px dashed var(--color-danger-border);border-radius:var(--radius-lg);background:var(--color-danger-soft)}.error-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:var(--space-3);border-radius:var(--radius-full);background:var(--color-danger);color:var(--color-accent-contrast);font-weight:var(--font-bold)}.error-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.error-desc{max-width:460px;margin-top:var(--space-1);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--color-text-secondary)}.error-action{margin-top:var(--space-4)}.loading-state{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);font-size:var(--text-sm);color:var(--color-text-muted)}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-raised);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:var(--gradient-skeleton);animation:shimmer 1.4s infinite}.skeleton-line{height:12px;margin-bottom:var(--space-3)}.skeleton-line:last-child{margin-bottom:0}.skeleton-block{height:120px}.skeleton-table{padding:var(--space-4)}@keyframes shimmer{to{transform:translate(100%)}}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-search{flex:0 1 260px;min-width:180px}.filter-select{flex:0 0 150px;min-width:130px}.filter-spacer{flex:1}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-5)}.meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.meta-label{font-size:var(--text-2xs);color:var(--color-text-muted);letter-spacing:var(--tracking-wide)}.meta-value{font-size:var(--text-sm);color:var(--color-text);word-break:break-word}.meta-notes{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.timeline{position:relative;padding-left:var(--space-5)}.timeline:before{content:"";position:absolute;left:3px;top:var(--space-1);bottom:var(--space-1);width:1px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-4)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:calc(-1 * var(--space-5) + 0px);top:6px;width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-accent);box-shadow:0 0 0 3px var(--color-surface)}.timeline-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:2px}.timeline-type{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.timeline-author{font-size:var(--text-2xs);color:var(--color-text-muted)}.timeline-date{margin-left:auto;font-size:var(--text-2xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.timeline-text{font-size:var(--text-sm);color:var(--color-text);white-space:pre-wrap;word-break:break-word}.task-list{display:flex;flex-direction:column}.task-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.task-item:first-child{padding-top:0}.task-item:last-child{padding-bottom:0;border-bottom:none}.task-item.is-overdue{padding-left:var(--space-3);border-left:2px solid var(--color-danger)}.task-main{flex:1;min-width:0}.task-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);word-break:break-word}.task-title--done{color:var(--color-text-muted);text-decoration:line-through}.task-title--cancelled{color:var(--color-text-muted)}.task-meta{margin-top:2px;font-size:var(--text-xs);color:var(--color-text-muted)}.task-due{display:flex;align-items:center;gap:var(--space-2);margin-top:2px;font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.task-due--overdue{color:var(--color-danger);font-weight:var(--font-medium)}.task-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);align-items:start;gap:var(--space-3);padding-bottom:var(--space-2);overflow-x:auto}.kanban-column{display:flex;flex-direction:column;min-height:420px;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),background var(--transition-fast)}.kanban-column.is-dragover{background:var(--color-accent-soft);border-color:var(--color-accent-soft-border)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.kanban-column-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kanban-column-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-surface-raised);color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.kanban-column-body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);min-height:120px;padding:var(--space-2)}.kanban-card{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.kanban-card:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.kanban-card.is-dragging{opacity:.45;cursor:grabbing}.kanban-card-company{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kanban-card-contact{margin-top:2px;font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.kanban-card-owner{margin-top:var(--space-2)}.kanban-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.kanban-empty{display:grid;place-items:center;min-height:84px;padding:var(--space-3);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-xs);text-align:center}.funnel{display:flex;flex-direction:column;gap:var(--space-3)}.funnel-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:var(--space-3)}.funnel-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.funnel-track{height:26px;overflow:hidden;background:var(--color-surface-sunken);border-radius:var(--radius-sm)}.funnel-bar{display:flex;align-items:center;justify-content:center;min-width:28px;height:100%;border-radius:var(--radius-sm);background:var(--gradient-accent);color:var(--color-accent-contrast);font-size:var(--text-2xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;transition:width var(--transition-slow)}.import-result{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);font-size:var(--text-sm)}.import-error-list{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);color:var(--color-danger);font-size:var(--text-xs)}.import-errors-row{font-family:var(--font-mono)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.section-stack{display:flex;flex-direction:column;gap:var(--space-4)}@media (max-width: 1100px){.stat-grid,.stat-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.meta-grid{grid-template-columns:minmax(0,1fr)}}.owner-page{max-width:1080px;margin:var(--space-7) auto;padding:0 var(--space-4)}.owner-auth{max-width:420px;margin:12vh auto 0;padding:0 var(--space-4)}.owner-layout{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--space-5)}.owner-side{flex:0 0 320px;min-width:280px}.owner-main{flex:1;min-width:340px}.tenant-list{display:flex;flex-direction:column;gap:2px}.tenant-item{padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.tenant-item:hover{background:var(--color-surface-hover)}.tenant-item.is-active{background:var(--color-accent-soft);border-color:var(--color-accent-soft-border)}.tenant-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.tenant-meta{margin-top:2px;font-size:var(--text-2xs);color:var(--color-text-muted)}.tier-group{margin-top:var(--space-5)}.tier-group:first-child{margin-top:0}.tier-title{margin-bottom:var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--color-text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase}.entitlement-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.entitlement-key{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}