:root{--color-bg: #E8F4F4;--color-bg-card: #FFFFFF;--color-bg-sidebar: #1A3A3A;--color-accent: #1A6B6B;--color-accent-light: #2A8B8B;--color-accent-hover: #145555;--color-text: #1A2A2A;--color-text-light: #5A6A6A;--color-text-inverse: #E8F4F4;--color-border: #C8D8D8;--color-success: #2A8B4A;--color-warning: #B88A1A;--color-error: #B83A3A;--color-pinned: #D4A017;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(26, 58, 58, .08);--shadow-md: 0 4px 12px rgba(26, 58, 58, .12);--shadow-lg: 0 8px 24px rgba(26, 58, 58, .16);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--nav-width: 240px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}h3{font-size:1rem;font-weight:600}.app-layout{display:grid;grid-template-columns:var(--nav-width) 1fr;grid-template-rows:1fr auto;min-height:100vh}.sidebar{grid-row:1 / -1;background:var(--color-bg-sidebar);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar .logo{padding:.5rem;margin-bottom:1rem}.sidebar .logo img{width:100%;max-width:160px}.sidebar a{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-sm);color:var(--color-text-inverse);text-decoration:none;font-size:.875rem;font-weight:500;transition:background .15s}.sidebar a:hover{background:#ffffff1a}.sidebar a.active{background:var(--color-accent)}.main-content{padding:1.5rem 2rem;overflow-y:auto}.card{background:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem;border:1px solid var(--color-border);transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow-md)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:#e8f5e9;color:var(--color-success)}.badge-warning{background:#fff8e1;color:var(--color-warning)}.badge-error{background:#ffebee;color:var(--color-error)}.badge-info{background:#e3f2fd;color:var(--color-accent)}.status-bar{grid-column:2;display:flex;align-items:center;gap:1.5rem;padding:.5rem 2rem;background:var(--color-bg-card);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-light)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:var(--color-success)}.status-dot.offline{background:var(--color-error)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-task{background:var(--color-bg);color:var(--color-accent);border:1px solid var(--color-accent);font-size:.8rem;padding:.375rem .75rem}.btn-task:hover{background:var(--color-accent);color:#fff}.chat-container{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 80px);max-height:700px}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-bubble{max-width:80%;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;line-height:1.5}.chat-bubble.user{align-self:flex-end;background:var(--color-accent);color:#fff}.chat-bubble.agent{align-self:flex-start;background:var(--color-bg-card);border:1px solid var(--color-border)}.chat-input-row{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--color-border)}.chat-input-row input{flex:1;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;outline:none}.chat-input-row input:focus{border-color:var(--color-accent)}.filter-bar{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.filter-bar select,.filter-bar input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;background:var(--color-bg-card)}.timeline{display:flex;flex-direction:column;gap:.75rem}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1rem;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.timeline-item.pinned{border-left:3px solid var(--color-pinned)}.text-light{color:var(--color-text-light)}.text-sm{font-size:.8rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.justify-between{justify-content:space-between}