.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;min-width:280px;max-width:440px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:var(--text-primary);background:var(--surface-base);border:1px solid var(--border-subtle);box-shadow:0 8px 32px #00000047,0 2px 8px #0000001f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:auto;animation:toastIn .28s ease}.toast-exit{animation:toastOut .28s ease forwards}@keyframes toastIn{0%{opacity:0;transform:translate(20px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.96)}}.toast-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:11px;font-weight:700}.toast-message{line-height:1.4;word-break:break-word}.toast-success{border-color:#00d4aa40}.toast-success .toast-icon{background:#00d4aa26;color:var(--accent-pulse, #00d4aa)}.toast-error{border-color:#ff6b3540}.toast-error .toast-icon{background:#ff6b3526;color:var(--accent-alert, #ff6b35)}.toast-warn{border-color:#ffd16640}.toast-warn .toast-icon{background:#ffd16626;color:var(--accent-warn, #ffd166)}.toast-info{border-color:#4f8ef740}.toast-info .toast-icon{background:#4f8ef726;color:var(--accent-arc, #4f8ef7)}@media(max-width:600px){.toast-container{bottom:16px;right:12px;left:12px}.toast{min-width:unset;max-width:unset}}.topbar{height:52px;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;flex-shrink:0;position:relative;z-index:100}.logo{display:flex;align-items:center;gap:8px;margin-right:28px;text-decoration:none}.logo-wordmark{font-family:"DM Serif Display",serif;font-size:19px;letter-spacing:-.02em;color:var(--text-1);line-height:1;white-space:nowrap}.topbar-nav{display:flex;align-items:center;gap:2px;flex:1}.nav-item{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:400;color:var(--text-2);cursor:pointer;transition:all var(--fast) var(--ease);border:none;background:none;font-family:DM Sans,sans-serif;text-decoration:none}.nav-item:hover{color:var(--text-1);background:var(--surface)}.nav-item.active{color:var(--text-1);background:var(--surface-hover);font-weight:500}.nav-item:disabled{opacity:.35;cursor:default}.topbar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.status-pill{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--pulse-dim);border:1px solid rgba(0,212,170,.2);border-radius:20px;font-size:11px;font-weight:500;color:var(--pulse);letter-spacing:.04em}.status-dot{width:5px;height:5px;background:var(--pulse);border-radius:50%;animation:pdot 1.6s ease-in-out infinite}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-2);transition:all var(--fast) var(--ease);font-size:14px}.icon-btn:hover{background:var(--surface-hover);color:var(--text-1)}.role-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--arc-dim);border:1px solid var(--arc-border);border-radius:20px;font-size:10px;font-weight:500;color:var(--accent);letter-spacing:.06em;text-transform:uppercase}.role-dot{width:5px;height:5px;background:var(--accent);border-radius:50%}.avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--arc) 0%,#7b4ff7 100%);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:var(--accent-text);cursor:pointer;border:1.5px solid var(--arc-border)}.topbar-user-menu{position:relative;display:inline-flex;align-items:center}.topbar-user-trigger{display:inline-flex;align-items:center;gap:8px;padding:2px;background:transparent;border:none;border-radius:20px;cursor:pointer;font-family:inherit}.topbar-user-trigger:hover{background:var(--surface, rgba(255,255,255,.04))}.topbar-user-trigger:focus-visible{outline:2px solid var(--accent, #4f8ef7);outline-offset:2px}.topbar-user-menu-item:hover{background:var(--surface-hover, rgba(255,255,255,.06))!important}.topbar-user-menu-signout:hover{background:#ff6b351f!important}.topbar-update-banner{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.4rem 1rem;background:color-mix(in srgb,var(--accent) 15%,var(--surface-1));border-bottom:1px solid var(--accent);font-size:.82rem;font-family:var(--font-body);color:var(--text-1)}.topbar-update-link{color:var(--accent);text-decoration:none;font-weight:600;font-size:.8rem}.topbar-update-link:hover{text-decoration:underline}.topbar-update-dismiss{background:none;border:none;color:var(--text-3);cursor:pointer;font-size:.85rem;padding:0 .3rem;line-height:1}.topbar-update-dismiss:hover{color:var(--text-1)}.topbar-install-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid var(--arc-border);border-radius:20px;font-size:11px;font-weight:500;color:var(--accent);cursor:pointer;transition:all var(--fast) var(--ease);font-family:DM Sans,sans-serif;letter-spacing:.02em;white-space:nowrap;animation:topbar-chip-fade-in .4s ease-out}.topbar-install-chip:hover{background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-color:var(--accent)}.topbar-install-icon{font-size:12px;font-weight:700;line-height:1}.topbar-install-label{line-height:1}.topbar-install-dismiss{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:10px;color:var(--text-3);cursor:pointer;transition:color var(--fast) var(--ease),background var(--fast) var(--ease);line-height:1;margin-left:2px}.topbar-install-dismiss:hover{color:var(--text-1);background:#ffffff1a}@keyframes topbar-chip-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.topbar{display:none!important}.topbar-mobile-hamburger{display:flex}.mobile-nav-backdrop{display:block}.mobile-nav-drawer{display:flex}}.topbar-mobile-hamburger{display:none;position:fixed;top:10px;right:12px;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-1);cursor:pointer;align-items:center;justify-content:center;padding:0;z-index:90;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease)}.topbar-mobile-hamburger:hover{background:var(--surface-hover);border-color:var(--accent)}.topbar-mobile-hamburger svg{width:20px;height:20px;color:var(--text-1)}.mobile-nav-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;animation:mobile-nav-fade-in .2s ease-out}.mobile-nav-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--sidebar-bg);border-left:1px solid var(--border);z-index:1001;padding:16px;overflow-y:auto;flex-direction:column;gap:12px;box-shadow:-8px 0 24px #0000004d;animation:mobile-nav-slide-in .22s ease-out}@keyframes mobile-nav-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes mobile-nav-fade-in{0%{opacity:0}to{opacity:1}}.mobile-nav-header{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mobile-nav-brand{font-family:"DM Serif Display",serif;font-size:19px;letter-spacing:-.02em;color:var(--text-1);line-height:1;flex:1}.mobile-nav-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-1);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:background var(--fast) var(--ease)}.mobile-nav-close:hover{background:var(--surface-hover)}.mobile-nav-meta{display:flex;flex-direction:column;gap:8px;padding:4px 0 8px}.mobile-nav-meta .status-pill,.mobile-nav-meta .role-badge{align-self:flex-start}.mobile-nav-links{display:flex;flex-direction:column;gap:4px}.mobile-nav-links .nav-item{padding:10px 12px;font-size:14px;text-align:left;border-radius:8px}.mobile-nav-divider{height:1px;background:var(--border);margin:4px 0}.mobile-nav-profile{display:flex;align-items:center;gap:10px;padding:6px 4px}.mobile-nav-profile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-nav-name{font-size:13px;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-role{font-size:10px;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase}.mobile-nav-actions{display:flex;flex-direction:column;gap:6px}.mobile-nav-action{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-1);cursor:pointer;font-size:13px;font-family:DM Sans,sans-serif;text-align:left;transition:background var(--fast) var(--ease)}.mobile-nav-action:hover{background:var(--surface-hover)}.mobile-nav-action-icon{font-size:14px;line-height:1;width:16px;display:inline-flex;justify-content:center}.bottom-strip{border-top:1px solid var(--border);background:var(--bg2);padding:6px 20px;display:flex;align-items:center;gap:20px;flex-shrink:0}.strip-item{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-3);font-family:SF Mono,Fira Code,monospace}.strip-dot{width:5px;height:5px;border-radius:50%}@media(max-width:768px){.bottom-strip{flex-wrap:wrap;gap:6px 14px;padding:5px 12px}.strip-item{font-size:9px;gap:4px}.strip-dot{width:4px;height:4px}}@media(max-width:480px){.bottom-strip{gap:4px 10px;padding:4px 8px}.strip-item{font-size:9px;gap:3px;white-space:nowrap}.strip-item-gateway{max-width:180px;overflow:hidden;text-overflow:ellipsis}}.team-switcher{position:relative;margin:0 12px 8px}.team-switcher__trigger{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:var(--surface-1, rgba(255,255,255,.04));border:1px solid var(--border, rgba(255,255,255,.08));border-radius:8px;color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:13px;font-family:inherit;transition:background .15s,border-color .15s}.team-switcher__trigger:hover{background:var(--surface-2, rgba(255,255,255,.07));border-color:var(--border-hover, rgba(255,255,255,.15))}.team-switcher__emoji{font-size:16px;line-height:1}.team-switcher__name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.team-switcher__chevron{opacity:.5;flex-shrink:0}.team-switcher__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface-elevated, #1a1a2e);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:8px;padding:4px;z-index:100;box-shadow:0 8px 24px #0006}.team-switcher__label{padding:6px 10px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary, rgba(255,255,255,.35))}.team-switcher__option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;border-radius:6px;color:var(--text-primary, #e0e0e0);cursor:pointer;font-size:13px;font-family:inherit;transition:background .1s}.team-switcher__option:hover{background:var(--surface-1, rgba(255,255,255,.06))}.team-switcher__option.active{background:var(--surface-1, rgba(79, 142, 247, .08))}.team-switcher__option-emoji{font-size:15px}.team-switcher__option-name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-switcher__option-role{font-size:10px;text-transform:uppercase;letter-spacing:.03em;opacity:.45}.team-switcher__check{flex-shrink:0}.team-switcher__trigger .team-color-dot,.team-switcher__option .team-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}[data-theme=light] .team-switcher__trigger{background:#00000008;border-color:#0000001a;color:var(--text-primary, #1a1a1a)}[data-theme=light] .team-switcher__trigger:hover{background:#0000000f}[data-theme=light] .team-switcher__dropdown{background:#fff;border-color:#0000001f;box-shadow:0 8px 24px #0000001f}[data-theme=light] .team-switcher__option{color:var(--text-primary, #1a1a1a)}[data-theme=light] .team-switcher__option:hover{background:#0000000a}.sidebar{width:220px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px;overflow-y:auto}.sidebar-brand{display:none;justify-content:center;padding:4px 0 10px}.sidebar-brand-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;transition:background var(--fast) var(--ease);text-decoration:none}.sidebar-brand-link:hover{background:var(--surface-hover)}.sidebar-scope-badge{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-pulse, #06d6a0);background:#06d6a01a;border:1px solid rgba(6,214,160,.2);padding:4px 8px;margin:0 8px 8px;border-radius:6px;text-align:center}.sidebar-section-label{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);padding:8px 8px 4px;margin-top:8px}.sidebar-section-label:first-child{margin-top:0}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--text-2);transition:all var(--fast) var(--ease);border:1px solid transparent;text-decoration:none}.sidebar-item:hover{color:var(--text-1);background:var(--surface)}.sidebar-item.active{color:var(--accent);background:var(--arc-dim);border-color:var(--arc-border);font-weight:500}.sidebar-item.disabled{opacity:.4;cursor:default;pointer-events:none}.sidebar-icon{width:16px;height:16px;opacity:.7;flex-shrink:0;display:flex}.sidebar-icon svg{width:16px;height:16px}.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-divider{height:1px;background:var(--border);margin:8px 0}.team-member{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;cursor:pointer;transition:all var(--fast) var(--ease)}.team-member:hover{background:var(--surface)}.team-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:500;color:var(--accent-text);flex-shrink:0}.team-info{flex:1;min-width:0}.team-name{font-size:11px;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-role{font-size:9px;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase}.team-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-health{padding:4px 12px 8px}.sidebar-health-row{display:flex;align-items:center;gap:8px;padding:3px 0}.sidebar-health-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.sidebar-health-dot.health-ok{background:var(--pulse);box-shadow:0 0 4px var(--pulse)}.sidebar-health-dot.health-off{background:var(--alert)}.sidebar-health-dot.health-warn{background:#ffb74d;box-shadow:0 0 4px #ffb74d99}.sidebar-health-icon{width:14px;display:flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0}.sidebar-health-label{font-size:10px;color:var(--text-3);font-weight:400;flex:1}.sidebar-health-value{font-size:10px;color:var(--text-2);font-weight:500}.sidebar-health-uptime{font-size:10px;color:var(--text-2);font-family:SF Mono,Fira Code,monospace;font-weight:400}.sidebar-item-label{white-space:nowrap;overflow:hidden;transition:opacity var(--std) var(--ease),width var(--std) var(--ease)}@media(max-width:768px){.sidebar{width:var(--sidebar-rail);padding:12px 6px;align-items:center;transition:width var(--std) var(--ease)}.sidebar-brand{display:flex;padding:10px 0 14px;min-height:48px}.sidebar-brand-link{width:44px;height:44px;border-radius:12px}.sidebar-brand-link svg{width:30px;height:30px}.sidebar-section-label{display:none}.sidebar-item{justify-content:center;padding:10px;border-radius:10px;gap:0}.sidebar-icon{width:18px;height:18px;opacity:.8}.sidebar-icon svg{width:18px;height:18px}.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-item{position:relative}.sidebar-item-label{display:none}.sidebar-item:after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--bg3);color:var(--text-1);font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;border:1px solid var(--border-mid);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--fast) var(--ease);z-index:100}.sidebar-item:hover:after{opacity:1}.team-member,.sidebar-divider{display:none}.sidebar-health{padding:4px 0 0;width:100%;display:flex;flex-direction:column;align-items:center}.sidebar-health-row{justify-content:center;gap:0;padding:2px 0}.sidebar-health-label,.sidebar-health-value,.sidebar-health-uptime,.sidebar-health-icon{display:none}.sidebar-health-dot{width:5px;height:5px}}@media(min-width:769px){.sidebar{width:220px}}.layout-root{display:flex;flex-direction:column;height:100vh}.layout-body{display:flex;flex:1;overflow:hidden}.layout-main{flex:1;overflow-y:auto;padding:28px 28px 40px;display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.layout-main{padding:60px 16px 32px;gap:16px}}@media(max-width:480px){.layout-main{padding:56px 12px 28px;gap:14px}}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface, rgba(255,255,255,.04)) 25%,var(--surface-hover, rgba(255,255,255,.07)) 50%,var(--surface, rgba(255,255,255,.04)) 75%);background-size:200% 100%;animation:skeleton-sweep 1.5s ease-in-out infinite}.skeleton-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.prod-page{padding:0;max-width:1400px;margin:0 auto;width:100%}.prod-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:16px}.prod-heading{font-family:"DM Serif Display",serif;font-size:28px;font-weight:400;margin:0;color:var(--text-1)}.prod-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.prod-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.prod-status-dot-ok{background:var(--accent-pulse)}.prod-status-dot-warn{background:var(--warn)}.prod-loading-shell{display:flex;flex-direction:column;gap:16px}.prod-empty{margin:60px auto 0;max-width:540px;padding:40px 28px;background:var(--surface-raised, var(--surface-1));border:1px solid var(--border-subtle);border-radius:14px;text-align:center}.prod-empty-icon{font-size:44px;line-height:1;margin-bottom:14px}.prod-empty-title{font-family:"DM Serif Display",serif;font-size:22px;color:var(--text-1);margin-bottom:10px}.prod-empty-sub{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:22px}.prod-empty-cta{display:inline-block;padding:10px 20px;background:var(--accent);color:var(--accent-text);border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity var(--fast) var(--ease)}.prod-empty-cta:hover{opacity:.92}.prod-empty-flag-off{font-size:12px;color:var(--text-3);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 14px;display:inline-block}.prod-empty-flag-off code{font-family:SF Mono,Fira Code,monospace;font-size:11px;background:var(--surface-active);padding:1px 6px;border-radius:4px}.prod-quickadd{display:flex;gap:10px;margin-bottom:16px;width:100%}.prod-quickadd-input{flex:1;padding:16px 18px;font-size:14px;background:var(--surface-raised, var(--surface-1));border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-1);font-family:inherit;height:56px;box-sizing:border-box;transition:border-color var(--fast) var(--ease)}.prod-quickadd-input:focus{outline:none;border-color:var(--accent)}.prod-quickadd-input:disabled{opacity:.6;cursor:not-allowed}.prod-quickadd-submit{padding:0 24px;height:56px;background:var(--accent);color:var(--accent-text);border:1px solid var(--accent);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:opacity var(--fast) var(--ease)}.prod-quickadd-submit:hover:not(:disabled){opacity:.92}.prod-quickadd-submit:disabled{opacity:.5;cursor:not-allowed}.prod-grid{display:grid;grid-template-columns:4fr 6fr;gap:16px;align-items:start}.prod-panel{background:var(--surface-raised, var(--surface-1));border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden}.prod-panel-header{padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);background:var(--surface-base)}.prod-panel-title{font-size:14px;font-weight:500;color:var(--text-1);margin:0}.prod-panel-refresh{background:transparent;border:1px solid var(--border-subtle);border-radius:6px;padding:4px 10px;font-size:11px;color:var(--text-2);cursor:pointer;transition:border-color var(--fast) var(--ease)}.prod-panel-refresh:hover{border-color:var(--border-hover, var(--border-strong));color:var(--text-1)}.prod-panel-body{padding:14px 18px}.prod-panel-empty{padding:40px 20px;text-align:center;color:var(--text-3);font-size:13px;line-height:1.5}.prod-task-list{list-style:none;margin:0;padding:0}.prod-task-row{border-bottom:1px solid var(--border-subtle)}.prod-task-row:last-child{border-bottom:none}.prod-task-row-button{width:100%;display:flex;align-items:center;gap:12px;padding:12px 18px;background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:13px;color:var(--text-1);transition:background var(--fast) var(--ease);min-height:44px}.prod-task-row-button:hover{background:var(--surface-active)}.prod-task-row-button:focus-visible{background:var(--surface-hover)}.prod-task-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0}.prod-task-priority-asap{background:var(--alert)}.prod-task-priority-high{background:var(--accent-arc)}.prod-task-priority-medium{background:var(--accent-pulse)}.prod-task-priority-low{background:var(--text-3)}.prod-task-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-task-duration,.prod-task-time{font-size:11px;color:var(--text-3);font-family:SF Mono,Fira Code,monospace;flex-shrink:0}.prod-cal-grid{display:flex;flex-direction:column}.prod-cal-row{display:flex;align-items:stretch;gap:8px;padding:10px 18px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.prod-cal-row:last-child{border-bottom:none}.prod-cal-row-header{flex:0 0 110px;font-size:12px;font-weight:500;color:var(--text-2);padding:8px 0;text-transform:uppercase;letter-spacing:.04em}.prod-cal-row-empty{font-size:12px;color:var(--text-3);padding:8px 0;flex:1}.prod-cal-block{flex:1 1 200px;min-width:180px;max-width:320px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface-base);cursor:pointer;font-family:inherit;font-size:13px;color:var(--text-1);text-align:left;transition:transform var(--fast) var(--ease),border-color var(--fast) var(--ease)}.prod-cal-block:hover{transform:translateY(-1px);border-color:var(--border-hover, var(--border-strong))}.prod-cal-block-work{border-left:3px solid var(--accent-arc)}.prod-cal-block-meeting{border-left:3px solid var(--purple)}.prod-cal-block-personal{border-left:3px solid var(--accent-pulse)}.prod-cal-block-time{font-size:11px;font-family:SF Mono,Fira Code,monospace;color:var(--text-2);flex-shrink:0;min-width:50px}.prod-cal-block-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-cal-block-duration{font-size:11px;color:var(--text-3);flex-shrink:0}.prod-error{background:var(--alert-dim);border:1px solid var(--alert-border);border-radius:8px;padding:12px 14px;font-size:13px;color:var(--text-1);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.prod-retry{background:transparent;border:1px solid var(--border-subtle);border-radius:6px;padding:4px 12px;font-size:12px;color:var(--text-1);cursor:pointer;transition:border-color var(--fast) var(--ease)}.prod-retry:hover{border-color:var(--accent)}.prod-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:flex-end;z-index:1100;opacity:0;pointer-events:none;transition:opacity var(--std) var(--ease)}.prod-drawer-overlay.open{opacity:1;pointer-events:auto}.prod-drawer{width:380px;max-width:100%;height:100%;background:var(--surface-raised, var(--surface-1));border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--std) var(--ease);box-shadow:-8px 0 32px #0000002e}.prod-drawer-overlay.open .prod-drawer{transform:translate(0)}.prod-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.prod-drawer-title{font-family:"DM Serif Display",serif;font-size:18px;color:var(--text-1);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:12px}.prod-drawer-close{background:transparent;border:none;color:var(--text-2);font-size:24px;line-height:1;cursor:pointer;padding:4px 10px;border-radius:6px}.prod-drawer-close:hover{color:var(--text-1);background:var(--surface-active)}.prod-drawer-body{flex:1;overflow-y:auto;padding:20px}.prod-drawer-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-subtle)}.prod-drawer-form{display:flex;flex-direction:column;gap:14px}.prod-form-row{display:flex;flex-direction:column;gap:6px}.prod-form-row label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.prod-form-row input,.prod-form-row select,.prod-form-row textarea{padding:10px 12px;font-size:13px;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-1);font-family:inherit;resize:vertical}.prod-form-row input:focus,.prod-form-row select:focus,.prod-form-row textarea:focus{outline:none;border-color:var(--accent)}.prod-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prod-drawer-link{font-size:13px;color:var(--accent-arc);text-decoration:none}.prod-drawer-link:hover{text-decoration:underline}.prod-btn{background:var(--surface-raised, var(--surface-1));border:1px solid var(--border-subtle);padding:8px 16px;font-size:13px;border-radius:6px;color:var(--text-1);cursor:pointer;font-family:inherit}.prod-btn:hover{border-color:var(--border-hover, var(--border-strong))}.prod-btn-primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.prod-btn-primary:hover{opacity:.92}.prod-btn-primary:disabled,.prod-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.prod-grid{grid-template-columns:1fr}.prod-quickadd-input{height:52px;padding:14px 16px}.prod-quickadd-submit{height:52px;padding:0 18px}.prod-drawer{width:100%;border-left:none}.prod-cal-row-header{flex:1 1 100%;padding-bottom:4px}.prod-cal-block{flex:1 1 100%}}@media(max-width:480px){.prod-empty{padding:28px 18px}.prod-task-row-button,.prod-cal-row{padding:10px 14px}.prod-form-grid{grid-template-columns:1fr}}