@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-root:#060a13;--bg-base:#0a0e17;--bg-surface:#111827;--bg-elevated:#1a2332;--bg-overlay:#0009;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-muted:#475569;--text-inverse:#0a0e17;--accent-start:#8b5cf6;--accent-end:#06b6d4;--accent-gradient:linear-gradient(135deg, var(--accent-start), var(--accent-end));--accent-glow:0 0 20px #8b5cf64d, 0 0 40px #06b6d426;--clr-housy:#f59e0b;--clr-duke:#3b82f6;--clr-elite:#10b981;--clr-velvet:#f43f5e;--clr-craft:#8b5cf6;--clr-personal:#64748b;--clr-success:#22c55e;--clr-warning:#f59e0b;--clr-error:#ef4444;--clr-info:#3b82f6;--clr-event-message:#3b82f6;--clr-event-tool:#8b5cf6;--clr-event-heartbeat:#22c55e;--clr-event-decision:#f59e0b;--clr-event-error:#ef4444;--clr-priority-low:#64748b;--clr-priority-medium:#3b82f6;--clr-priority-high:#f59e0b;--clr-priority-urgent:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 12px 40px #0009;--shadow-glow:0 0 30px #8b5cf626;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:1440px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--text-primary);background:var(--bg-root);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);color:var(--text-primary);line-height:1.2}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.card-elevated{background:var(--bg-elevated)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent-gradient);opacity:0;height:3px;transition:opacity var(--duration-normal) var(--ease-out);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card__icon{border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--text-lg);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.stat-card__value{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-bottom:var(--space-1);line-height:1}.stat-card__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.stat-card__trend{font-size:var(--text-xs);font-weight:var(--weight-medium);margin-top:var(--space-2);align-items:center;gap:var(--space-1);display:flex}.stat-card__trend--up{color:var(--clr-success)}.stat-card__trend--down{color:var(--clr-error)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;line-height:1.5;display:inline-flex}.badge--context{background:rgba(var(--badge-color-rgb,100, 116, 139), .15);color:var(--badge-color,var(--text-secondary))}.badge--housy{--badge-color:var(--clr-housy);--badge-color-rgb:245, 158, 11}.badge--duke{--badge-color:var(--clr-duke);--badge-color-rgb:59, 130, 246}.badge--elite{--badge-color:var(--clr-elite);--badge-color-rgb:16, 185, 129}.badge--velvet{--badge-color:var(--clr-velvet);--badge-color-rgb:244, 63, 94}.badge--craft{--badge-color:var(--clr-craft);--badge-color-rgb:139, 92, 246}.badge--personal{--badge-color:var(--clr-personal);--badge-color-rgb:100, 116, 139}.badge--priority{border-radius:var(--radius-sm)}.badge--low{color:var(--clr-priority-low);background:#64748b26}.badge--medium{color:var(--clr-priority-medium);background:#3b82f626}.badge--high{color:var(--clr-priority-high);background:#f59e0b26}.badge--urgent{color:var(--clr-priority-urgent);background:#ef444426}.badge--event{border-radius:var(--radius-sm)}.badge--message_handled{color:var(--clr-event-message);background:#3b82f626}.badge--tool_call{color:var(--clr-event-tool);background:#8b5cf626}.badge--heartbeat{color:var(--clr-event-heartbeat);background:#22c55e26}.badge--decision{color:var(--clr-event-decision);background:#f59e0b26}.badge--error{color:var(--clr-event-error);background:#ef444426}.badge--soon{color:var(--accent-start);text-transform:uppercase;letter-spacing:.05em;background:#8b5cf61f;font-size:.625rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;line-height:1.4;display:inline-flex}.btn--primary{background:var(--accent-gradient);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover{box-shadow:var(--accent-glow);transform:translateY(-1px)}.btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.btn--secondary:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-surface)}.btn--ghost{color:var(--text-secondary);padding:var(--space-2)}.btn--ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--danger{color:var(--clr-error);background:#ef444426}.btn--danger:hover{background:#ef444440}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent-start);box-shadow:0 0 0 3px #8b5cf626}.input--select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}textarea.input{resize:vertical;min-height:80px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);width:90%;max-width:500px;box-shadow:var(--shadow-xl);animation:slideUp var(--duration-normal) var(--ease-out)}.modal__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.modal__actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.kanban{gap:var(--space-5);grid-template-columns:repeat(3,1fr);min-height:60vh;display:grid}.kanban-column{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.kanban-column__header{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.kanban-column__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.kanban-column__count{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-surface);padding:2px var(--space-2);border-radius:var(--radius-full)}.task-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);transition:all var(--duration-fast) var(--ease-out);cursor:default;position:relative;overflow:hidden}.task-card:before{content:"";background:var(--task-priority-color,var(--clr-priority-medium));width:3px;height:100%;position:absolute;top:0;left:0}.task-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.task-card__title{font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2);padding-left:var(--space-2)}.task-card__meta{align-items:center;gap:var(--space-2);padding-left:var(--space-2);flex-wrap:wrap;display:flex}.task-card__time{font-size:var(--text-xs);color:var(--text-muted);margin-left:auto}.task-card__actions{gap:var(--space-1);margin-top:var(--space-3);padding-left:var(--space-2);display:flex}.feed{background:var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.feed-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);animation:fadeSlideIn var(--duration-normal) var(--ease-out);display:flex}.feed-item__indicator{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:6px}.feed-item__content{flex:1;min-width:0}.feed-item__summary{font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.feed-item__time{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-base);border-right:1px solid var(--border-subtle);z-index:100;transition:transform var(--duration-normal) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar__brand{padding:var(--space-5);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);display:flex}.sidebar__logo{border-radius:var(--radius-md);background:var(--accent-gradient);width:36px;height:36px;font-weight:var(--weight-bold);font-size:var(--text-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__title{font-size:var(--text-md);font-weight:var(--weight-bold)}.sidebar__subtitle{font-size:var(--text-xs);color:var(--text-muted)}.sidebar__nav{padding:var(--space-3);flex:1;overflow-y:auto}.sidebar__section-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-out);text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0a}.nav-item--active{color:var(--text-primary);background:#8b5cf61a}.nav-item--active:before{content:"";background:var(--accent-gradient);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:24px;position:absolute;left:0}.nav-item__icon{font-size:var(--text-md);text-align:center;flex-shrink:0;width:20px}.nav-item__label{flex:1}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.sidebar__status{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.status-dot{border-radius:var(--radius-full);background:var(--clr-success);width:6px;height:6px;animation:2s infinite pulse}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.page-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;min-height:var(--header-height);background:#060a13d9;display:flex;position:sticky;top:0}.page-header__left{align-items:center;gap:var(--space-4);display:flex}.page-header__greeting{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.page-header__right{align-items:center;gap:var(--space-3);display:flex}.page-content{padding:var(--space-6);max-width:var(--content-max-width)}.section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-md);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-2);display:flex}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.dashboard-grid{gap:var(--space-5);grid-template-columns:1fr 340px;display:grid}.login-page{background:var(--bg-root);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.login-page:before{content:"";pointer-events:none;background:radial-gradient(#8b5cf61f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.login-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;width:90%;max-width:420px;box-shadow:var(--shadow-xl);position:relative}.login-card__logo{border-radius:var(--radius-lg);background:var(--accent-gradient);width:56px;height:56px;font-weight:var(--weight-extrabold);font-size:var(--text-xl);color:#fff;margin:0 auto var(--space-4);box-shadow:var(--accent-glow);justify-content:center;align-items:center;display:flex}.login-card__title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2)}.login-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.login-card__form{gap:var(--space-4);flex-direction:column;display:flex}.login-card__success{color:var(--clr-success);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.coming-soon{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:60vh;display:flex}.coming-soon__icon{opacity:.4;font-size:3rem}.coming-soon__title{font-size:var(--text-xl);font-weight:var(--weight-semibold)}.coming-soon__desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px}.config-panel{gap:var(--space-4);flex-direction:column;display:flex}.config-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.config-item:last-child{border-bottom:none}.config-item__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.config-item__value{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.quick-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.hamburger{color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);background:0 0;border:none;display:none}.sidebar__close{top:var(--space-4);right:var(--space-4);color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;display:none;position:absolute}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:slideUp var(--duration-normal) var(--ease-out) both}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:1fr}}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar__close,.hamburger{display:block}.main-content{margin-left:0}.page-content,.page-header{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr 1fr}.modal{width:95%;padding:var(--space-5)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--border-default) transparent}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted);font-size:var(--text-sm)}.loading-shimmer{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}