html,body,#app{margin:0;padding:0;height:100%}:root{--bg-page: #faf8f5;--bg-card: #ffffff;--bg-sider: #fef9f0;--bg-input: #ffffff;--text-primary: #3a3a2e;--text-secondary: #6b6b5e;--text-muted: #999;--text-on-card: #2a2a2a;--border-color: #e8e0d4;--border-sider: #f0e6d6;--accent-orange: #f5a623;--accent-green: #4caf50;--accent-blue: #2196f3;--accent-red: #e74c3c;--accent-purple: #9c27b0;--card-shadow: 0 2px 12px rgba(0,0,0,.06);--card-hover-shadow: 0 4px 20px rgba(0,0,0,.1);--status-working: #4caf50;--status-idle: #9e9e9e;--status-error: #f44336}[data-theme=dark]{--bg-page: #181825;--bg-card: #1e1e2e;--bg-sider: #1e1e2e;--bg-input: #313244;--text-primary: #cdd6f4;--text-secondary: #a6adc8;--text-muted: #6c7086;--text-on-card: #cdd6f4;--border-color: #313244;--border-sider: #313244;--accent-orange: #fab387;--accent-green: #a6e3a1;--accent-blue: #89b4fa;--accent-red: #f38ba8;--accent-purple: #cba6f7;--card-shadow: 0 2px 12px rgba(0,0,0,.3);--card-hover-shadow: 0 4px 20px rgba(0,0,0,.4);--status-working: #a6e3a1;--status-idle: #6c7086;--status-error: #f38ba8}html,body{background:var(--bg-page);color:var(--text-primary);transition:background .3s,color .3s}.agent-card,.gantt-card,.kanban-card,.board-card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;box-shadow:var(--card-shadow)!important;transition:background .3s,border-color .3s,box-shadow .3s}.agent-card:hover,.kanban-card:hover{box-shadow:var(--card-hover-shadow)!important}[data-theme=dark] .n-card{background:var(--bg-card)!important;border-color:var(--border-color)!important}:root{--cat-primary: #f5a623;--cat-primary-light: #ffb347;--cat-primary-dark: #d48806;--cat-success: #67c23a;--cat-warning: #e6a23c;--cat-error: #f56c6c;--cat-info: #409eff;--cat-muted: #909399;--cat-bg: #faf8f5;--cat-bg-card: #ffffff;--cat-bg-kitchen: linear-gradient(135deg, #faf7f2 0%, #f5f0e8 100%);--cat-bg-dark: #1a1a2e;--cat-text: #2c3e50;--cat-text-secondary: #7f8c8d;--cat-text-inverse: #f0f0f0;--cat-border: #e8e0d4;--cat-border-radius: 12px;--cat-border-radius-lg: 20px;--cat-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--cat-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--cat-shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--cat-shadow-glow: 0 0 20px rgba(245, 166, 35, .2);--cat-gap-xs: 4px;--cat-gap-sm: 8px;--cat-gap-md: 16px;--cat-gap-lg: 24px;--cat-gap-xl: 32px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--cat-text);background:var(--cat-bg);line-height:1.6}.page-container{max-width:1440px;margin:0 auto;padding:var(--cat-gap-lg)}@media (max-width: 480px){.page-container{padding:var(--cat-gap-sm)}}@media (min-width: 481px) and (max-width: 768px){.page-container{padding:var(--cat-gap-md)}}.cat-card{background:var(--cat-bg-card);border-radius:var(--cat-border-radius-lg);border:2px solid var(--cat-border);box-shadow:var(--cat-shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.cat-card:hover{box-shadow:var(--cat-shadow-md);border-color:var(--cat-primary)}.text-responsive{font-size:clamp(14px,1.5vw,16px)}.heading-responsive{font-size:clamp(18px,3vw,24px)}.kanban-scroll{display:flex;gap:var(--cat-gap-md);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--cat-gap-md)}.kanban-scroll>*{scroll-snap-align:start;flex-shrink:0}@media (max-width: 768px){.kanban-scroll>*{width:calc(100vw - 32px);max-width:360px}}@media (min-width: 769px) and (max-width: 1024px){.kanban-scroll>*{width:calc(50% - 12px);min-width:260px}}.grid-responsive{display:grid;gap:var(--cat-gap-md)}.grid-responsive.cols-1{grid-template-columns:1fr}.grid-responsive.cols-2{grid-template-columns:repeat(2,1fr)}.grid-responsive.cols-3{grid-template-columns:repeat(3,1fr)}.grid-responsive.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 480px){.grid-responsive.cols-2,.grid-responsive.cols-3,.grid-responsive.cols-4{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 768px){.grid-responsive.cols-3,.grid-responsive.cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px) and (max-width: 1024px){.grid-responsive.cols-4{grid-template-columns:repeat(3,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-slide-in{animation:slideInRight .3s ease-out}.animate-bounce{animation:bounce .6s ease-in-out}.hide-mobile{display:block}.hide-desktop{display:none}@media (max-width: 768px){.hide-mobile{display:none!important}.hide-desktop{display:block!important}}@media (hover: none) and (pointer: coarse){button,a,[role=button]{min-height:44px;min-width:44px}.cat-card:hover{transform:none;box-shadow:var(--cat-shadow-sm)}}@supports (padding: max(0px)){.mobile-content{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(12px,env(safe-area-inset-bottom))}}