:root{--brand-25: #fcfaff;--brand-50: #f9f5ff;--brand-100: #f4ebff;--brand-200: #e9d7fe;--brand-300: #d6bbfb;--brand-400: #b692f6;--brand-500: #9e77ed;--brand-600: #7f56d9;--brand-700: #6941c6;--brand-800: #53389e;--brand-900: #42307d;--gray-25: #fcfcfc;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--gray-950: #0a0a0a;--error-50: #fef3f2;--error-100: #fee4e2;--error-200: #fecdca;--error-500: #f04438;--error-600: #d92d20;--error-700: #b42318;--warning-50: #fffaeb;--warning-100: #fef0c7;--warning-200: #fedf89;--warning-500: #f79009;--warning-600: #dc6803;--warning-700: #b54708;--success-50: #ecfdf3;--success-100: #dcfae6;--success-200: #abefc6;--success-500: #17b26a;--success-600: #079455;--success-700: #067647;--blue-50: #eff8ff;--blue-100: #d1e9ff;--blue-200: #b2ddff;--blue-500: #2e90fa;--blue-600: #1570ef;--blue-700: #175cd3;--indigo-50: #eef4ff;--indigo-100: #e0eaff;--indigo-200: #c7d7fe;--indigo-500: #6172f3;--indigo-600: #444ce7;--indigo-700: #3538cd;--orange-50: #fef6ee;--orange-200: #f9dbaf;--orange-500: #ef6820;--orange-600: #e04f16;--orange-700: #b93815;--white: #fff;--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-600);--text-quaternary: var(--gray-500);--text-disabled: var(--gray-400);--border-primary: var(--gray-300);--border-secondary: var(--gray-200);--border-tertiary: var(--gray-100);--border-brand: var(--brand-600);--bg-primary: var(--white);--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-primary-hover: var(--gray-50);--bg-brand-primary: var(--brand-50);--bg-brand-solid: var(--brand-600);--bg-brand-solid-hover: var(--brand-700);--fg-brand: var(--brand-600);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);--shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, .1), 0px 1px 2px 0px rgba(16, 24, 40, .06);--shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);--shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, .08), 0px 8px 8px -4px rgba(16, 24, 40, .03);--skeu: 0px 1px 2px 0px rgba(16, 24, 40, .05), inset 0px 0px 0px 1px rgba(0, 0, 0, .18), inset 0px -2px 0px 0px rgba(0, 0, 0, .05);--focus-ring-brand: 0px 0px 0px 4px rgba(127, 86, 217, .24)}[data-theme=dark]{--text-primary: var(--gray-25);--text-secondary: var(--gray-200);--text-tertiary: var(--gray-400);--text-quaternary: var(--gray-400);--text-disabled: var(--gray-500);--border-primary: var(--gray-700);--border-secondary: #2a2a2a;--border-tertiary: #232323;--bg-primary: #141414;--bg-secondary: #0a0a0a;--bg-tertiary: #1f1f1f;--bg-primary-hover: #1f1f1f;--shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, .4);--shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, .5);--shadow-md: 0px 4px 8px -2px rgba(0, 0, 0, .5);--shadow-lg: 0px 12px 16px -4px rgba(0, 0, 0, .55);--shadow-xl: 0px 20px 24px -4px rgba(0, 0, 0, .6);--skeu: 0px 1px 2px 0px rgba(0, 0, 0, .4), inset 0px 0px 0px 1px rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}input,select,textarea,button{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-brand)!important;box-shadow:var(--focus-ring-brand)}::placeholder{color:var(--text-quaternary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:9999px;border:2px solid transparent;background-clip:content-box}a{color:var(--brand-700);text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.app-shell{min-height:100vh;display:flex}.app-sidebar{width:280px;flex:none;background:var(--bg-primary);border-right:1px solid var(--border-secondary);display:flex;flex-direction:column;padding:20px 16px;gap:20px}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:0 8px}.sidebar-logo-mark{width:36px;height:36px;border-radius:9px;background:var(--bg-brand-solid);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--skeu)}.sidebar-logo-name{font-size:18px;font-weight:700;letter-spacing:-.02em}.sidebar-search{position:relative}.sidebar-search .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-quaternary);font-size:16px;pointer-events:none}.sidebar-search input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;box-shadow:var(--shadow-xs)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:8px;border:none;cursor:pointer;font:inherit;font-size:14px;font-weight:600;width:100%;text-align:left;color:var(--text-secondary);background:transparent}.nav-item:hover{background:var(--bg-primary-hover)}.nav-item.active{color:var(--brand-700);background:var(--bg-brand-primary)}[data-theme=dark] .nav-item.active{color:var(--brand-300);background:#7f56d926}.nav-item .icon{font-size:20px;display:flex}.nav-item .label{flex:1}.nav-count{font-size:12px;font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:9999px;padding:1px 8px}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;border:1px solid var(--border-secondary)}.sidebar-user .name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .role{font-size:12px;color:var(--text-quaternary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0a80;z-index:55;animation:fadeIn .15s ease}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);flex:none}.header-titles{flex:1;min-width:0}.header-titles h1{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-titles p{margin:2px 0 0;font-size:13px;color:var(--text-quaternary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-avatar{width:40px;height:40px;border-radius:9999px;background:var(--bg-brand-primary);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex:none;box-shadow:inset 0 0 0 2px var(--bg-primary),0 0 0 1px var(--border-primary)}.app-content{flex:1;overflow-y:auto;padding:24px}.app-content-inner{max-width:1200px;margin:0 auto}.page{animation:slideUp .2s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;white-space:nowrap}.btn .icon{font-size:18px;display:flex}.btn-primary{background:var(--bg-brand-solid);color:#fff;box-shadow:var(--skeu)}.btn-primary:hover{background:var(--bg-brand-solid-hover)}.btn-primary:disabled{background:var(--gray-300);opacity:.7;cursor:not-allowed}.btn-secondary{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--bg-primary-hover)}.btn-ghost{background:transparent;color:var(--text-tertiary);padding:6px 10px}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.btn-icon{width:40px;height:40px;padding:0;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-secondary);font-size:19px;position:relative;cursor:pointer}.btn-icon:hover{background:var(--bg-primary-hover)}.btn-icon .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:9999px;background:var(--error-500);border:2px solid var(--bg-primary)}.menu-btn{display:none}.card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px;box-shadow:var(--shadow-xs)}.card-pad{padding:24px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:9999px;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;border:1px solid transparent}.badge .dot{width:6px;height:6px;border-radius:9999px}.avatar{border-radius:9999px;flex:none;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-secondary);overflow:hidden}.section-label{font-size:12px;font-weight:600;color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.04em}.wo-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead tr{background:var(--bg-secondary)}.data-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-quaternary);white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-secondary)}.data-table th.sortable{cursor:pointer}.data-table th .th-inner{display:inline-flex;align-items:center;gap:4px}.data-table th .caret{font-size:13px;display:flex;color:var(--fg-brand)}.data-table tbody tr{border-bottom:1px solid var(--border-secondary)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--bg-primary-hover)}.data-table td{padding:14px 16px}.mono{font-family:var(--font-mono);font-size:13px;font-weight:500}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border-primary);color:var(--text-secondary);background:var(--bg-primary)}.chip.active{border-color:var(--border-brand);color:var(--brand-700);background:var(--bg-brand-primary)}[data-theme=dark] .chip.active{color:var(--brand-300);background:#7f56d926}.chip .count{font-size:12px;font-weight:600;padding:0 6px;border-radius:9999px;background:var(--bg-tertiary);color:var(--text-quaternary)}.chip.active .count{background:var(--brand-100);color:var(--brand-700)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.field input,.field select,.field textarea,.cost-input{padding:10px 12px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;box-shadow:var(--shadow-xs)}.field textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.menu{position:absolute;top:calc(100% + 6px);z-index:20;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:10px;box-shadow:var(--shadow-lg);padding:4px;min-width:190px;animation:slideUp .12s ease}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text-secondary);text-align:left}.menu-item:hover{background:var(--bg-primary-hover)}.timeline-item{display:flex;gap:12px;position:relative;padding-bottom:18px}.timeline-rail{display:flex;flex-direction:column;align-items:center;flex:none}.timeline-dot{width:30px;height:30px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none;background:var(--bg-tertiary);color:var(--text-tertiary);border:1px solid var(--border-secondary)}.timeline-line{width:2px;flex:1;background:var(--border-secondary);margin-top:4px;min-height:8px}.upload-zone{border:1.5px dashed var(--border-primary);border-radius:10px;padding:28px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer}.upload-zone:hover{border-color:var(--border-brand)}.spinner-wrap{display:flex;justify-content:center;padding:60px;color:var(--text-quaternary);font-size:14px}@media(max-width:640px){.hide-mobile{display:none!important}}@media(min-width:641px){.show-mobile{display:none!important}}@media(max-width:960px){.app-sidebar{position:fixed;top:0;left:0;z-index:60;height:100%;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-xl)}.app-sidebar.open{transform:none}.menu-btn{display:inline-flex!important}}@media(min-width:961px){.menu-btn,.sidebar-backdrop{display:none!important}}@media print{.app-sidebar,.app-header,.no-print{display:none!important}.app-main{height:auto;overflow:visible}.app-content{overflow:visible}}