:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827b3;--bg-glass:#ffffff0a;--border:#ffffff14;--border-hover:#7c3aed66;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#7c3aed;--accent-light:#a78bfa;--cyan:#06b6d4;--green:#10b981;--blue:#3b82f6;--amber:#f59e0b;--red:#ef4444;--pink:#ec4899;--radius:12px;--radius-sm:8px;--shadow:0 4px 24px #0000004d;--font:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--transition:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit}a{color:var(--accent-light);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.skeleton-loader{gap:0;height:100vh;display:flex}.skeleton-sidebar{background:var(--bg-secondary);flex-direction:column;gap:16px;width:280px;padding:24px;display:flex}.skeleton-main{flex-direction:column;flex:1;gap:20px;padding:32px;display:flex}.skeleton-block{background:linear-gradient(90deg, var(--bg-glass) 25%, #ffffff14 50%, var(--bg-glass) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-logo{width:180px;height:48px}.skeleton-stat{height:64px}.skeleton-header{width:60%;height:48px}.skeleton-table{flex:1;height:400px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hidden{display:none!important}.app-content{height:100vh;animation:.5s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:280px;min-width:280px;display:flex;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);padding:20px}.logo{align-items:center;gap:12px;display:flex}.logo-icon{filter:drop-shadow(0 0 8px #7c3aed80);font-size:28px}.logo h1{background:linear-gradient(135deg, var(--accent-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.15rem;font-weight:700}.logo-subtitle{color:var(--text-muted);font-size:.7rem;font-family:var(--mono)}.stats-section,.quick-actions-section{padding:16px 20px}.section-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:12px;font-size:.7rem;font-weight:600}.stat-card{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border);transition:var(--transition);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;display:flex}.stat-card:hover{border-color:var(--border-hover);background:#7c3aed0f;transform:translate(4px)}.stat-icon{font-size:1.3rem}.stat-value{font-size:1.3rem;font-weight:700;font-family:var(--mono);display:block}.stat-label{color:var(--text-muted);font-size:.72rem}.quick-action-btn{text-align:left;border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border);width:100%;transition:var(--transition);align-items:center;gap:8px;margin-bottom:6px;padding:10px 12px;font-size:.82rem;display:flex}.quick-action-btn:hover{border-color:var(--border-hover);background:#7c3aed14;transform:translate(4px)}.quick-action-btn .qa-label{font-weight:500}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px 20px}.update-info{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;display:flex}.update-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.top-bar{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px 28px;display:flex}.search-container{flex:1;max-width:480px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 14px 10px 42px;font-size:.88rem}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c3aed26}.search-input::placeholder{color:var(--text-muted)}.search-kbd{border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-family:var(--mono);background:#ffffff0f;border-radius:4px;padding:2px 6px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.icon-btn{border-radius:var(--radius-sm);transition:var(--transition);color:var(--text-secondary);padding:8px}.icon-btn:hover{background:var(--bg-glass);color:var(--text-primary)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.nav-tabs{border-bottom:1px solid var(--border);gap:4px;padding:12px 28px 0;display:flex;position:relative}.nav-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-muted);transition:var(--transition);z-index:1;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:500;display:flex;position:relative}.nav-tab:hover{color:var(--text-secondary);background:var(--bg-glass)}.nav-tab.active{color:var(--accent-light)}.nav-tab.active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan));border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-icon{font-size:1rem}.view-container{flex:1;padding:24px 28px;overflow-y:auto}.view{animation:.3s viewFadeIn;display:none}.view.active{display:block}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.view-header h2{font-size:1.4rem;font-weight:700}.view-filters{gap:8px;margin-left:auto;display:flex}.filter-select{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:7px 28px 7px 12px;font-size:.8rem}.filter-select option{background:var(--bg-secondary);color:var(--text-primary)}.table-container{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto}.skill-table{border-collapse:collapse;width:100%}.skill-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff05;padding:12px 14px;font-size:.75rem;font-weight:600}.skill-table th.sortable{cursor:pointer;transition:var(--transition)}.skill-table th.sortable:hover,.skill-table th.sort-active{color:var(--accent-light)}.sort-arrow{opacity:.4;font-size:.7rem}.sort-active .sort-arrow{opacity:1}.skill-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px;font-size:.85rem}.skill-table tbody tr{transition:var(--transition);cursor:pointer}.skill-table tbody tr:hover{background:#7c3aed0f}.skill-table tbody tr:last-child td{border-bottom:none}.skill-table tbody tr.selected{background:#7c3aed1a}.skill-id{font-family:var(--mono);color:var(--accent-light);font-size:.78rem;font-weight:500}.skill-name{font-weight:500;font-family:var(--mono);font-size:.82rem}.status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-done{color:#34d399;background:#10b9811f}.status-done:before{background:#34d399}.status-progress{color:#60a5fa;background:#3b82f61f}.status-progress:before{background:#60a5fa;animation:2s infinite pulse}.status-notstarted{color:#94a3b8;background:#64748b1f}.status-notstarted:before{background:#94a3b8}.spear-meter{align-items:center;gap:6px;display:flex}.spear-bar{background:#ffffff0f;border-radius:3px;width:48px;height:5px;overflow:hidden}.spear-fill{border-radius:3px;height:100%;transition:width .6s}.spear-fill[data-score="1"]{background:var(--red);width:20%}.spear-fill[data-score="2"]{background:var(--amber);width:40%}.spear-fill[data-score="3"]{background:var(--amber);width:60%}.spear-fill[data-score="4"]{background:var(--cyan);width:80%}.spear-fill[data-score="5"]{background:var(--green);width:100%}.spear-num{font-family:var(--mono);min-width:14px;font-size:.8rem;font-weight:600}.cat-badge{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.cat-Operations{color:#34d399;background:#10b9811f}.cat-Engineering{color:#c084fc;background:#a855f71f}.cat-Content{color:#f472b6;background:#ec48991f}.cat-Product{color:#60a5fa;background:#3b82f61f}.cat-RD{color:#a78bfa;background:#8b5cf61f}.cat-Marketing{color:#fbbf24;background:#f59e0b1f}.tag{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0d;border-radius:4px;margin:1px 2px;padding:2px 7px;font-size:.7rem;display:inline-block}.skill-detail{background:var(--bg-secondary);border-top:1px solid var(--border);z-index:10;max-height:40vh;padding:20px 28px;animation:.3s slideUp;position:fixed;bottom:0;left:280px;right:0;overflow-y:auto;box-shadow:0 -8px 32px #0006}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.detail-header h3{font-size:1.1rem;font-family:var(--mono);color:var(--accent-light)}.detail-close{color:var(--text-muted);transition:var(--transition);border-radius:4px;padding:4px 8px;font-size:1.2rem}.detail-close:hover{background:var(--bg-glass);color:var(--text-primary)}.detail-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.detail-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;font-size:.7rem}.detail-value{color:var(--text-primary);font-size:.88rem;line-height:1.5}.detail-value.mono{font-family:var(--mono);font-size:.82rem}.workflow-progress-bar{background:#ffffff0f;border-radius:4px;flex:1;max-width:300px;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--cyan));border-radius:4px;height:100%;transition:width .5s}.progress-text{color:var(--text-muted);font-size:.75rem;font-family:var(--mono);position:absolute;top:-5px;right:-40px}.btn-reset{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border);transition:var(--transition);padding:6px 14px;font-size:.8rem}.btn-reset:hover{border-color:var(--red);color:var(--red)}.workflow-board{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.wf-column{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.wf-column-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px;display:flex}.wf-column-header .wf-icon{font-size:1.3rem}.wf-column-header h3{font-size:.95rem;font-weight:600}.wf-column-header .wf-count{font-family:var(--mono);color:var(--text-muted);background:var(--bg-glass);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.75rem}.wf-items{padding:12px}.wf-item{border-radius:var(--radius-sm);border:1px solid var(--border);transition:var(--transition);cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex}.wf-item:hover{border-color:var(--border-hover);background:#7c3aed0a}.wf-item.checked{opacity:.6}.wf-item.checked .wf-text{text-decoration:line-through}.wf-checkbox{border:2px solid var(--border);width:18px;height:18px;transition:var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.wf-item.checked .wf-checkbox{background:var(--green);border-color:var(--green)}.wf-item.checked .wf-checkbox:after{content:"✓";color:#fff;font-size:.7rem;font-weight:700}.wf-text{font-size:.84rem;line-height:1.4}.wf-required{color:var(--red);vertical-align:middle;background:#ef44441f;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:.6rem;display:inline-block}.docs-path-display{margin-left:auto}.docs-path-display code{font-family:var(--mono);background:var(--bg-glass);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:4px 12px;font-size:.82rem}.docs-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.docs-category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);overflow:hidden}.docs-category:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.docs-cat-header{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:16px;display:flex}.docs-cat-header .cat-icon{font-size:1.4rem}.docs-cat-header h3{font-size:.95rem;font-weight:600}.docs-cat-header .file-count{font-family:var(--mono);color:var(--text-muted);margin-left:auto;font-size:.72rem}.docs-cat-desc{color:var(--text-muted);margin-top:4px;font-size:.75rem}.docs-files{padding:8px 12px}.docs-file{transition:var(--transition);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;display:flex}.docs-file:hover{background:var(--bg-glass)}.docs-file.master{color:var(--accent-light);font-weight:600}.docs-file.latest{color:var(--cyan)}.docs-file .file-icon{opacity:.6;font-size:.8rem}.docs-file .file-name{font-family:var(--mono);font-size:.8rem}.docs-file .copy-btn{opacity:0;transition:var(--transition);border-radius:3px;margin-left:auto;padding:2px 6px;font-size:.75rem}.docs-file:hover .copy-btn{opacity:1}.docs-file .copy-btn:hover{background:#7c3aed26}.prompts-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);padding:20px;position:relative;overflow:hidden}.prompt-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.prompt-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan));opacity:0;height:3px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.prompt-card:hover:before{opacity:1}.prompt-label{margin-bottom:6px;font-size:1.1rem;font-weight:600}.prompt-desc{color:var(--text-muted);margin-bottom:14px;font-size:.8rem}.prompt-text{font-family:var(--mono);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);background:#0000004d;margin-bottom:14px;padding:12px;font-size:.8rem;line-height:1.5}.prompt-copy-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;transition:var(--transition);padding:8px 18px;font-size:.82rem;font-weight:600}.prompt-copy-btn:hover{transform:scale(1.03);box-shadow:0 4px 16px #7c3aed4d}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);align-items:center;gap:8px;padding:12px 20px;font-size:.85rem;animation:.3s toastIn,.3s 2.5s forwards toastOut;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(8px)}}.stagger-in{opacity:0;animation:.4s forwards staggerFade}@keyframes staggerFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state .empty-icon{margin-bottom:12px;font-size:3rem}.empty-state p{font-size:.9rem}.project-switcher-section{border-bottom:1px solid var(--border);padding:0 20px 16px}.project-switcher-wrap{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:10px;padding:8px 12px;display:flex}.project-switcher-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26}.project-dot{background:var(--green);border-radius:50%;width:10px;height:10px;transition:background .3s}.project-switcher{color:var(--text-primary);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") 100% no-repeat;border:none;outline:none;flex:1;padding-right:20px;font-size:.85rem}.project-switcher option{background:var(--bg-secondary);color:var(--text-primary)}.env-badge{border:1px solid var(--border);background:#ffffff0d;border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.env-badge[style*=--env-color]{border-left:3px solid var(--env-color)}.env-machine,.env-ide,.env-model{color:var(--text-secondary)}.session-table{border-collapse:collapse;width:100%}.sync-section{border-top:1px solid var(--border);background:var(--bg-glass);padding:16px 20px}.sync-status{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:.78rem;display:flex}.sync-status.syncing{color:var(--cyan);border-color:var(--cyan)}.sync-status .sync-success{color:var(--green)}.sync-status .sync-error{color:var(--red)}.sync-status .sync-warning{color:var(--amber)}.sync-status .sync-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sync-buttons{flex-direction:column;gap:8px;display:flex}.sync-btn{border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);transition:var(--transition);cursor:pointer;align-items:center;gap:8px;padding:10px 14px;font-size:.82rem;font-weight:500;display:flex}.sync-btn:hover:not(:disabled){border-color:var(--border-hover);background:#7c3aed14;transform:translate(4px)}.sync-btn:disabled{opacity:.5;cursor:not-allowed}.sync-btn-primary{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;border:none;font-weight:600}.sync-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.sync-btn-icon{font-size:1rem}.sync-btn-danger{color:var(--red);border-color:var(--red)}.sync-btn-danger:hover:not(:disabled){border-color:var(--red);background:#ef44441a}.sync-config{margin-top:12px}.sync-config summary{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:4px 0;font-size:.75rem;list-style:none;display:flex}.sync-config summary::-webkit-details-marker{display:none}.sync-config summary:before{content:"▶";font-size:.6rem;transition:transform .2s}.sync-config[open] summary:before{transform:rotate(90deg)}.sync-config-form{flex-direction:column;gap:10px;padding:12px 0;display:flex}.config-note{color:var(--text-muted);margin-bottom:4px;font-size:.72rem}.sync-conflict-modal{max-width:420px}.conflict-body{padding:20px 24px}.conflict-body p{color:var(--text-secondary);margin-bottom:16px;font-size:.88rem}.conflict-details{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.conflict-option{background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.conflict-option strong{font-size:.85rem}.conflict-option span{color:var(--text-muted);font-size:.72rem}.session-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;background:#ffffff05;padding:12px 14px;font-size:.75rem;font-weight:600}.session-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px;font-size:.85rem}.session-table tbody tr{transition:var(--transition)}.session-table tbody tr:hover{background:#7c3aed0f}.session-summary{white-space:nowrap;text-overflow:ellipsis;max-width:250px;color:var(--text-primary);overflow:hidden}.duration-badge{font-family:var(--mono);color:var(--text-muted);background:var(--bg-glass);border-radius:4px;margin-left:8px;padding:2px 6px;font-size:.7rem}.phase-dot{border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.session-hours-label{color:var(--text-muted);margin-left:12px;font-size:.85rem;font-weight:500}.btn-add-session{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;transition:var(--transition);border:none;margin-left:auto;padding:8px 16px;font-size:.82rem;font-weight:600}.btn-add-session:hover{transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.reg-section{margin-bottom:32px}.reg-section-title{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:1.1rem}.reg-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.reg-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);align-items:center;gap:16px;padding:16px;display:flex}.reg-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.reg-card-icon{font-size:1.8rem}.reg-card-info{flex:1}.reg-card-name{margin-bottom:4px;font-size:.95rem;font-weight:600}.reg-card-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.7rem;display:flex}.reg-id{font-family:var(--mono);background:var(--bg-glass);border-radius:4px;padding:2px 6px}.reg-vendor{color:var(--accent-light)}.reg-os{border:1px solid var(--border);border-radius:10px;padding:1px 6px}.reg-card-count{text-align:right;font-family:var(--mono);color:var(--text-primary);flex-direction:column;align-items:flex-end;font-size:1.2rem;font-weight:700;line-height:1;display:flex}.reg-card-count span{color:var(--text-muted);font-size:.65rem;font-family:var(--font);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 16px 48px #00000080}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-header h3{font-size:1.2rem}.modal-grid{grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-full{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.form-input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);padding:10px 12px;font-size:.9rem}.form-input:focus{border-color:var(--accent);outline:none}.form-input[type=date],.form-input[type=time]{font-family:var(--mono)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.modal-actions{border-top:1px solid var(--border);background:var(--bg-secondary);z-index:1;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex;position:sticky;bottom:0}.modal-section-title{color:var(--accent-light);text-transform:uppercase;letter-spacing:1px;border-top:1px solid var(--border);margin-top:8px;padding:16px 24px 8px;font-size:.85rem;font-weight:600}.quality-grid{grid-template-columns:1fr 1fr!important}.quality-slider{appearance:none;background:var(--bg-glass);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.quality-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #7c3aed66}.quality-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 6px #7c3aed66}.slider-labels{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:.7rem;display:flex}.slider-labels .slider-val{font-weight:700;font-family:var(--mono);color:var(--accent-light);font-size:.85rem}.tags-display{flex-wrap:wrap;gap:6px;min-height:28px;margin-top:8px;display:flex}.tags-display .tag{font-size:.78rem}textarea.form-input{resize:vertical;min-height:60px;font-family:inherit}.quality-indicators{align-items:center;gap:6px;display:flex}.q-score{font-family:var(--mono);font-size:.78rem;font-weight:600}.blocker-count{color:var(--red);font-size:.75rem;font-weight:500}.outcome-badge{border-radius:4px;margin-left:4px;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-block}.productivity-score-badge{font-family:var(--mono);border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.quality-metrics-row{background:var(--bg-glass);border-radius:var(--radius-sm);gap:16px;margin:12px 0;padding:12px;display:flex}.qm-item{flex-direction:column;align-items:center;gap:4px;display:flex}.qm-label{color:var(--text-muted);font-size:.7rem}.qm-value{font-family:var(--mono);font-size:.9rem;font-weight:600}.productivity-chart-wrap{margin:16px 0}.productivity-chart{background:var(--bg-glass);border-radius:var(--radius-sm);overflow:hidden}.chart-y-labels{color:var(--text-muted);flex-direction:column;justify-content:space-between;padding:4px;font-size:.6rem;display:flex;position:absolute;top:0;bottom:0;left:0}.chart-x-labels{color:var(--text-muted);justify-content:space-between;padding:4px 0;font-size:.6rem;display:flex;overflow:hidden}.chart-x-labels span{text-align:center}.productivity-legend{text-align:center;margin-top:12px;font-size:.75rem}.goal-rate-display{align-items:center;gap:24px;padding:16px 0;display:flex}.goal-rate-circle{width:100px;height:100px;position:relative}.goal-rate-circle svg{transform:rotate(-90deg)}.goal-rate-circle circle:last-child{transition:stroke-dasharray .8s}.goal-rate-text{font-size:1.4rem;font-weight:700;font-family:var(--mono);color:var(--accent-light);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.goal-stats{flex-direction:column;gap:8px;display:flex}.goal-stat-val{font-family:var(--mono);font-size:1.1rem;font-weight:700}.goal-stat-label{color:var(--text-muted);font-size:.75rem}.quality-metrics-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.qm-stat{background:var(--bg-glass);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:16px 8px;display:flex}.qm-stat-val{font-size:1.5rem;font-weight:700;font-family:var(--mono)}.qm-stat-label{color:var(--text-muted);margin-top:4px;font-size:.7rem}.satisfaction-avg{text-align:center;color:var(--text-secondary);margin-top:8px;font-size:.85rem}.analytics-productivity,.analytics-quality-summary,.analytics-satisfaction{grid-column:span 2}@media (width<=900px){.analytics-row,.analytics-row-wide{grid-template-columns:1fr}.quality-metrics-grid{grid-template-columns:repeat(3,1fr)}.quality-grid{grid-template-columns:1fr!important}}.analytics-content{flex-direction:column;gap:20px;display:flex}.analytics-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.analytics-row-wide{grid-template-columns:1fr}.analytics-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);padding:24px}.analytics-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.ac-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ac-header h3{font-size:1rem;font-weight:600}.ac-subtitle{color:var(--text-muted);font-size:.8rem;font-family:var(--mono)}.ac-badge{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.hm-container{gap:8px;display:flex}.hm-days{grid-template-rows:repeat(7,16px);gap:3px;padding-right:4px;display:grid}.hm-day-label{color:var(--text-muted);text-align:right;font-size:.6rem;line-height:16px}.hm-grid{flex:1;grid-template-rows:repeat(7,16px);grid-auto-columns:16px;grid-auto-flow:column;gap:3px;display:grid}.hm-cell{cursor:pointer;border-radius:3px;width:16px;height:16px;transition:all .2s}.hm-cell:hover{outline:2px solid var(--accent-light);outline-offset:1px;transform:scale(1.3)}.hm-lv0{background:#ffffff0a}.hm-lv1{background:#7c3aed40}.hm-lv2{background:#7c3aed73}.hm-lv3{background:#7c3aeda6}.hm-lv4{background:#7c3aede6}.hm-today{outline:2px solid var(--cyan);outline-offset:1px}.hm-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;display:flex}.hm-legend-label{color:var(--text-muted);margin:0 4px;font-size:.65rem}.hm-legend-cell{border-radius:2px;width:12px;height:12px}.bars-container{flex-direction:column;gap:14px;display:flex}.bar-row{grid-template-columns:140px 1fr 60px;align-items:center;gap:12px;display:grid}.bar-label{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.bar-track{background:#ffffff0a;border-radius:6px;height:24px;position:relative;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.bar-fill:after{content:"";background:linear-gradient(#ffffff26 0%,#0000 100%);border-radius:6px;position:absolute;inset:0}.bar-value{font-family:var(--mono);text-align:right;color:var(--text-secondary);font-size:.82rem;font-weight:600}.donut-wrap{align-items:center;gap:24px;display:flex}.donut-center{flex-shrink:0;position:relative}.donut-svg{display:block;transform:rotate(-90deg)}.donut-center-text{text-align:center;font-family:var(--mono);font-size:1.3rem;font-weight:700;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-text small{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.6rem;font-weight:500}.donut-legend{flex-direction:column;flex:1;gap:8px;display:flex}.donut-legend-item{align-items:center;gap:10px;font-size:.82rem;display:flex}.donut-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.donut-legend-label{flex:1}.donut-legend-val{font-family:var(--mono);font-size:.8rem;font-weight:600}.donut-legend-val small{color:var(--text-muted);font-weight:400}.tl-container{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.tl-container:before{content:"";background:var(--border);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:5px}.tl-item{gap:16px;padding:12px 0;display:flex;position:relative}.tl-dot{z-index:1;width:12px;height:12px;box-shadow:0 0 0 3px var(--bg-card);border-radius:50%;flex-shrink:0;margin-top:4px;position:absolute;left:-24px}.tl-content{flex:1}.tl-date{font-family:var(--mono);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:.78rem;display:flex}.tl-summary{margin-bottom:6px;font-size:.9rem;font-weight:500;line-height:1.4}.tl-meta{flex-wrap:wrap;gap:8px;display:flex}.analytics-streak{background:linear-gradient(135deg,#7c3aed1f,#06b6d414);border-color:#7c3aed33}.streak-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.streak-item{text-align:center;padding:12px 8px}.streak-value{font-family:var(--mono);background:linear-gradient(135deg, var(--accent-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1}.streak-label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.reg-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-add-reg{border:1px dashed var(--border);color:var(--accent-light);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s}.btn-add-reg:hover{border-color:var(--accent-light);background:#7c3aed1a}.reg-card-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.reg-btn-edit,.reg-btn-delete{cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:.9rem;transition:opacity .2s}.reg-card:hover .reg-btn-edit,.reg-card:hover .reg-btn-delete{opacity:.7}.reg-btn-edit:hover{background:#3b82f626;opacity:1!important}.reg-btn-delete:hover{background:#ef444426;opacity:1!important}.mono{font-family:var(--mono)}.today-badge{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:.6rem;font-weight:600}.session-today{border-left:3px solid var(--cyan)}.calendar-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.calendar-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.cal-month-title{text-align:center;flex:1;font-size:1.3rem;font-weight:700}.cal-nav-btn{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);cursor:pointer;padding:8px 16px;font-size:.85rem}.cal-nav-btn:hover{border-color:var(--accent);background:#7c3aed1a}.cal-today-btn{background:linear-gradient(135deg, var(--accent), var(--cyan));border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:8px 16px;font-size:.82rem;font-weight:600}.cal-today-btn:hover{transform:scale(1.05)}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.cal-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:8px 0;font-size:.75rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-day{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:80px;transition:var(--transition);flex-direction:column;padding:8px;display:flex}.cal-day:hover{border-color:var(--border-hover);background:#7c3aed0f;transform:translateY(-2px)}.cal-day.cal-empty{cursor:default;background:0 0;border:none}.cal-day.cal-empty:hover{transform:none}.cal-day.cal-today{border-color:var(--cyan);box-shadow:0 0 0 2px #06b6d433}.cal-day.cal-has-sessions{background:#7c3aed14}.cal-day-num{margin-bottom:4px;font-size:.9rem;font-weight:600}.cal-dots{flex-wrap:wrap;gap:3px;margin-top:auto;display:flex}.cal-dot{border-radius:50%;width:8px;height:8px}.cal-hours{font-family:var(--mono);color:var(--text-muted);margin-top:4px;font-size:.65rem}.calendar-stats{border-top:1px solid var(--border);justify-content:center;gap:40px;margin-top:20px;padding-top:20px;display:flex}.cal-stat-item{text-align:center}.cal-stat-value{font-family:var(--mono);background:linear-gradient(135deg, var(--accent-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;display:block}.cal-stat-value.positive{color:var(--green);-webkit-text-fill-color:var(--green)}.cal-stat-value.negative{color:var(--red);-webkit-text-fill-color:var(--red)}.cal-stat-label{color:var(--text-muted);font-size:.75rem}.day-detail-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);z-index:1000;width:90%;max-width:700px;max-height:80vh;box-shadow:var(--shadow);animation:.2s fadeIn;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.day-detail-header{border-bottom:1px solid var(--border);background:var(--bg-card);align-items:center;gap:16px;padding:20px 24px;display:flex}.day-detail-header h3{flex:1;font-size:1.1rem;font-weight:600}.day-detail-stats{color:var(--text-muted);gap:16px;font-size:.85rem;display:flex}.day-sessions-list{max-height:60vh;padding:16px 24px;overflow-y:auto}.day-session-row{border-bottom:1px solid var(--border);grid-template-columns:100px 120px 140px 80px 60px 1fr;align-items:center;gap:12px;padding:12px 0;font-size:.85rem;display:grid}.day-session-row:last-child{border-bottom:none}.day-session-time{font-family:var(--mono);color:var(--text-muted);font-size:.78rem}.day-session-proj{font-weight:500}.day-session-model{color:var(--text-secondary);font-size:.8rem}.day-session-phase{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:.7rem}.phase-preflight{color:var(--amber);background:#f59e0b26}.phase-execution{color:var(--blue);background:#3b82f626}.phase-closeout{color:var(--green);background:#10b98126}.day-session-dur{font-family:var(--mono);color:var(--text-muted);font-size:.8rem}.day-session-summary{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.date-picker-wrap{align-items:center;gap:10px;margin-left:auto;display:flex}.date-picker-label{color:var(--text-muted);font-size:.82rem}.date-picker-input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--mono);cursor:pointer;padding:8px 12px;font-size:.85rem}.date-picker-input:focus{border-color:var(--accent);outline:none}.reports-content{flex-direction:column;gap:20px;display:flex}.reports-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.report-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:var(--transition);padding:24px}.report-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.report-card.report-wide{grid-column:1/-1}.report-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.report-header h3{font-size:1rem;font-weight:600}.report-period{color:var(--text-muted);font-size:.8rem;font-family:var(--mono)}.report-stats{gap:24px;margin-bottom:20px;display:flex}.report-stat{text-align:center}.report-val{font-family:var(--mono);background:linear-gradient(135deg, var(--accent-light), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700;display:block}.report-val.positive{color:var(--green);-webkit-text-fill-color:var(--green)}.report-val.negative{color:var(--red);-webkit-text-fill-color:var(--red)}.report-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.72rem}.report-top-list{margin-bottom:16px}.report-top-list h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.8rem}.report-list-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;font-size:.85rem;display:flex}.report-list-item:last-child{border-bottom:none}.report-rank{font-family:var(--mono);color:var(--text-muted);width:20px;font-size:.75rem}.report-proj-name{flex:1;font-weight:500}.report-proj-hours{font-family:var(--mono);color:var(--accent-light);font-weight:600}.report-trends{background:var(--bg-glass);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px}.trend-item{justify-content:space-between;align-items:center;padding:6px 0;font-size:.85rem;display:flex}.trend-item span:first-child{color:var(--text-muted)}.trend-item .positive{color:var(--green);font-weight:600}.trend-item .negative{color:var(--red);font-weight:600}.prev-val{font-family:var(--mono);color:var(--text-secondary);font-size:.8rem}.report-bars{flex-direction:column;gap:12px;display:flex}.report-bar-row{grid-template-columns:24px 120px 1fr 50px 70px 60px;align-items:center;gap:10px;display:grid}.report-bar-icon{font-size:1rem}.report-bar-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.report-bar-track{background:#ffffff0a;border-radius:4px;height:20px;overflow:hidden}.report-bar-fill{border-radius:4px;height:100%;transition:width .6s}.report-bar-pct{font-family:var(--mono);color:var(--text-muted);text-align:right;font-size:.8rem}.report-bar-hours{font-family:var(--mono);color:var(--accent-light);text-align:right;font-size:.8rem;font-weight:600}.report-bar-sessions{font-family:var(--mono);color:var(--text-muted);text-align:right;font-size:.75rem}.report-export-btn{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);color:var(--text-primary);margin-top:16px;padding:10px;font-size:.82rem;font-weight:500}.report-export-btn:hover{border-color:var(--accent);background:#7c3aed1a}.reports-actions{justify-content:center;padding:20px;display:flex}.btn-export-full{background:linear-gradient(135deg, var(--accent), var(--cyan));border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:var(--transition);border:none;padding:12px 28px;font-size:.9rem;font-weight:600}.btn-export-full:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed4d}.positive{color:var(--green)}.negative{color:var(--red)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#ffffffd9;--bg-glass:#00000008;--border:#0000001a;--border-hover:#7c3aed66;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--shadow:0 4px 24px #00000014}[data-theme=light] .sidebar{background:#f1f5f9}[data-theme=light] .skill-table th{background:#00000005}[data-theme=light] .tag{background:#0000000a;border-color:#00000014}[data-theme=light] .hm-lv0{background:#0000000a}[data-theme=light] .hm-lv1{background:#7c3aed33}[data-theme=light] .hm-lv2{background:#7c3aed66}[data-theme=light] .hm-lv3{background:#7c3aed99}[data-theme=light] .hm-lv4{background:#7c3aedd9}[data-theme=light] .analytics-streak{background:linear-gradient(135deg,#7c3aed0f,#06b6d40a)}[data-theme=light] .prompt-text{background:#00000008}[data-theme=light] .modal-content,[data-theme=light] .modal-header,[data-theme=light] .modal-actions{background:#fff}[data-theme=light] .skill-detail{background:#f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] .env-badge{background:#0000000a}.notifications-section{border-top:1px solid var(--border);padding:16px 20px}.notification-toggles{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.toggle-row{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem;display:flex}.toggle-input{appearance:none;background:var(--bg-glass);border:1px solid var(--border);cursor:pointer;width:36px;height:20px;transition:var(--transition);border-radius:10px;position:relative}.toggle-input:before{content:"";background:var(--text-muted);width:14px;height:14px;transition:var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.toggle-input:checked{background:var(--accent);border-color:var(--accent)}.toggle-input:checked:before{background:#fff;left:18px}.pomodoro-widget{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:12px}.pomodoro-display{font-family:var(--mono);color:var(--accent-light);margin-bottom:4px;font-size:2rem;font-weight:700}.pomodoro-label{color:var(--text-muted);margin-bottom:12px;font-size:.75rem}.pomodoro-controls{justify-content:center;gap:8px;display:flex}.pomodoro-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);color:var(--text-primary);cursor:pointer;transition:var(--transition);padding:6px 14px;font-size:.78rem;font-weight:600}.pomodoro-btn:hover{border-color:var(--accent);background:#7c3aed1a}.pomodoro-btn.pomodoro-start{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;border:none}.pomodoro-btn.hidden{display:none}.integration-section{border-top:1px solid var(--border);padding:16px 20px}.integration-details{margin-bottom:12px}.integration-details summary{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;padding:8px 0;font-size:.85rem;list-style:none;display:flex}.integration-details summary::-webkit-details-marker{display:none}.integration-details summary:before{content:"▶";font-size:.6rem;transition:transform .2s}.integration-details[open] summary:before{transform:rotate(90deg)}.integration-form{flex-direction:column;gap:10px;padding:12px 0;display:flex}.integration-actions{gap:8px;display:flex}.test-result{border-radius:var(--radius-sm);margin-top:6px;padding:6px 10px;font-size:.75rem}.test-result.success{color:var(--green);background:#10b98126}.test-result.error{color:var(--red);background:#ef444426}.theme-section{border-top:1px solid var(--border);padding:16px 20px}.theme-selector{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:10px 28px 10px 12px;font-size:.85rem}.theme-selector:focus{border-color:var(--accent);outline:none}.theme-selector option{background:var(--bg-secondary);color:var(--text-primary)}@media (width<=1024px){.sidebar{width:220px;min-width:220px}.analytics-row{grid-template-columns:1fr}.streak-grid{grid-template-columns:repeat(2,1fr)}.bar-row{grid-template-columns:100px 1fr 50px}.skill-detail{left:220px}}@media (width<=1024px) and (width>=769px){.docs-grid,.prompts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.app-content{flex-direction:column;height:auto;min-height:100vh;padding-bottom:70px}.sidebar{z-index:1001;border-right:1px solid var(--border);width:280px;min-width:280px;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%;overflow:hidden auto}.sidebar.open{left:0}.sidebar-header{padding:16px 20px}.stats-section,.quick-actions-section,.sidebar-footer{padding:16px 20px;display:block}.project-switcher-section{flex:none;padding:0 20px 16px}.sidebar-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.hamburger-btn{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:flex}.hamburger-btn:hover{background:var(--bg-card);border-color:var(--border-hover)}.hamburger-btn span{background:var(--text-primary);width:18px;height:2px;transition:var(--transition);border-radius:2px;display:block}.hamburger-btn.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.main-content{height:auto;padding-bottom:80px;overflow:auto}.view-container{padding:16px}.nav-tabs{display:none}.mobile-bottom-nav{background:var(--bg-secondary);border-top:1px solid var(--border);z-index:999;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000004d}.mobile-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:8px 12px;font-size:.65rem;display:flex}.mobile-nav-item:hover{color:var(--text-secondary)}.mobile-nav-item.active{color:var(--accent-light)}.mobile-nav-item .nav-icon{font-size:1.3rem}.mobile-nav-item .nav-label{white-space:nowrap;font-weight:500}.top-bar{gap:12px;padding:12px 16px}.search-container{max-width:100%}.hamburger-wrapper{display:flex}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.skill-table{min-width:800px}.session-table{min-width:700px}.skill-detail{z-index:998;border-top:none;border-radius:0;height:100vh;max-height:100vh;inset:0}.analytics-row{grid-template-columns:1fr}.streak-grid{grid-template-columns:repeat(2,1fr)}.donut-wrap{flex-direction:column}.bar-row{grid-template-columns:80px 1fr 44px;gap:8px}.docs-grid,.prompts-grid,.workflow-board,.reg-cards{grid-template-columns:1fr}.view-header{flex-direction:column;align-items:flex-start;gap:8px}.view-filters{flex-wrap:wrap;margin-left:0}.modal-overlay{align-items:flex-end}.modal-content{border-radius:var(--radius) var(--radius) 0 0;width:100vw;max-width:100vw;max-height:95vh;margin:0}.modal-grid{grid-template-columns:1fr;padding:20px}.modal-header,.modal-actions{padding:16px 20px}#session-modal .modal-content,#skill-modal .modal-content{border-radius:0;height:100vh;max-height:100vh}}@media (width>=769px){.hamburger-btn,.sidebar-overlay,.mobile-bottom-nav,.hamburger-wrapper{display:none}}@media (width<=1024px) and (width>=769px){.hamburger-wrapper,.mobile-bottom-nav,.sidebar-overlay{display:none}}.timer-widget{z-index:1000;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;overflow:hidden;box-shadow:0 8px 32px #0006}@media (width>=769px){.timer-widget{width:200px;top:24px;right:24px}}@media (width<=768px){.timer-widget{width:160px;bottom:80px;right:16px}}.timer-collapsed{padding:0}.timer-start-btn{background:linear-gradient(135deg, var(--accent), var(--cyan));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.timer-start-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed66}.timer-start-btn .timer-icon{font-size:1.1rem}.timer-expanded{padding:16px}.timer-expanded.hidden{display:none}.timer-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.timer-phase-indicator{background:var(--blue);border-radius:50%;width:8px;height:8px;animation:2s infinite timer-pulse}.timer-phase-indicator.paused{background:var(--amber);animation:none}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.timer-project-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.timer-git-info{color:var(--text-muted);gap:8px;font-size:.75rem;display:flex}.timer-git-branch{color:var(--green)}.timer-git-commit{color:var(--cyan);font-family:var(--mono)}.timer-collapse-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1}.timer-collapse-btn:hover{color:var(--text-primary)}.timer-display{font-family:var(--mono);text-align:center;background:linear-gradient(135deg, var(--accent-light), var(--cyan));-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;margin-bottom:16px;font-size:2rem;font-weight:700}.timer-controls{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.timer-control-btn{border:1px solid var(--border);background:var(--bg-glass);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .2s;display:flex}.timer-control-btn:hover{border-color:var(--accent);transform:scale(1.1)}.timer-control-btn .btn-icon{font-size:.9rem}.timer-pause:hover{border-color:var(--amber);background:#f59e0b26}.timer-resume:hover{border-color:var(--green);background:#10b98126}.timer-stop:hover{border-color:var(--red);background:#ef444426}.timer-discard:hover{border-color:var(--red);color:var(--red);background:#ef44441a}.timer-activity{color:var(--text-muted);align-items:center;gap:6px;font-size:.7rem;display:flex}.activity-label{font-weight:500}.activity-value{font-family:var(--mono);color:var(--text-secondary)}.timer-quickstart{background:var(--bg-secondary);padding:12px}.timer-quickstart.hidden{display:none}.quickstart-header{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;font-weight:600;display:flex}.quickstart-header span{flex:1}.timer-quickstart-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.9rem}.timer-quickstart-close:hover{color:var(--text-primary)}.quickstart-form{flex-direction:column;gap:8px;display:flex}.timer-select,.timer-input{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 10px;font-family:inherit;font-size:.82rem}.timer-select:focus,.timer-input:focus{border-color:var(--accent);outline:none}.timer-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}.timer-quick-start-btn{background:linear-gradient(135deg, var(--green), var(--cyan));border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.timer-quick-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.timer-widget.running{border-color:var(--accent);box-shadow:0 0 0 2px #7c3aed33,0 8px 32px #0006}.timer-widget.paused{border-color:var(--amber);box-shadow:0 0 0 2px #f59e0b33,0 8px 32px #0006}.phase-preflight{--phase-color:var(--amber)}.phase-execution{--phase-color:var(--blue)}.phase-closeout{--phase-color:var(--green)}.timer-expanded .timer-phase-indicator.phase-preflight{background:var(--amber)}.timer-expanded .timer-phase-indicator.phase-execution{background:var(--blue)}.timer-expanded .timer-phase-indicator.phase-closeout{background:var(--green)}.advanced-analytics-content{flex-direction:column;gap:20px;display:flex}.adv-section-header{margin-bottom:8px}.adv-section-header h2{margin-bottom:4px;font-size:1.4rem;font-weight:700}.analytics-adv{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px}.analytics-adv .ac-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.analytics-adv .ac-header h3{align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.analytics-adv .ac-subtitle{color:var(--text-muted);font-size:.75rem}.adv-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.analytics-heatmap-full .heat-container{flex-direction:column;gap:8px;display:flex}.heat-days{gap:4px;display:flex}.heat-day-label{width:calc(14.2857% - 3.42857px);color:var(--text-muted);text-align:center;font-size:.7rem;font-weight:500}.heat-main{flex-direction:column;gap:4px;display:flex}.heat-hours{padding-left:0;display:flex}.heat-hour-label{width:calc(14.2857% - 3.42857px);color:var(--text-muted);text-align:center;font-size:.65rem}.heat-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.heat-cell{aspect-ratio:1;cursor:default;border-radius:4px;transition:transform .15s}.heat-cell:hover{z-index:1;transform:scale(1.15)}.heat-lv0{background:#ffffff0a}.heat-lv1{background:#7c3aed40}.heat-lv2{background:#7c3aed80}.heat-lv3{background:#7c3aedbf}.heat-lv4{background:#7c3aed}.heat-legend{justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.heat-legend .heat-cell{border-radius:3px;width:16px;height:16px}.heat-legend-label{color:var(--text-muted);font-size:.7rem}.prod-trends-chart{margin-bottom:16px}.line-chart-svg{overflow:visible}.prod-metrics-row{gap:24px;margin-bottom:16px;display:flex}.prod-metric{flex-direction:column;gap:4px;display:flex}.prod-metric-label{color:var(--text-muted);font-size:.75rem}.prod-metric-value{font-size:1.3rem;font-weight:700;font-family:var(--mono);align-items:baseline;gap:8px;display:flex}.prod-trend{font-size:.75rem;font-weight:500}.prod-trend.positive{color:var(--green)}.prod-trend.negative{color:var(--red)}.prod-legend{color:var(--text-secondary);gap:20px;font-size:.75rem;display:flex}.prod-legend-item{align-items:center;gap:6px;display:flex}.prod-legend-dot{border-radius:2px;width:10px;height:10px}.break-stats-row{gap:24px;margin-bottom:20px;display:flex}.break-stat-item{flex-direction:column;gap:4px;display:flex}.break-stat-value{font-size:1.4rem;font-weight:700;font-family:var(--mono);color:var(--accent-light)}.break-stat-label{color:var(--text-muted);font-size:.75rem}.break-dist-chart{margin-bottom:12px}.break-dist-legend{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:.75rem;display:flex}.break-dist-item{align-items:center;gap:6px;display:flex}.break-dist-dot{border-radius:2px;width:10px;height:10px}.task-stats-row{gap:24px;margin-bottom:20px;display:flex}.task-stat-item{flex-direction:column;gap:4px;display:flex}.task-stat-value{font-size:1.4rem;font-weight:700;font-family:var(--mono);color:var(--green)}.task-stat-label{color:var(--text-muted);font-size:.75rem}.task-charts-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.task-status-chart h4,.task-top-chart h4{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;font-weight:500}.ai-cost-summary{background:var(--bg-glass);border-radius:var(--radius-sm);gap:32px;margin-bottom:20px;padding:16px;display:flex}.ai-cost-stat{flex-direction:column;gap:4px;display:flex}.ai-cost-value{font-size:1.2rem;font-weight:700;font-family:var(--mono);color:var(--accent-light)}.ai-cost-label{color:var(--text-muted);font-size:.75rem}.ai-cost-charts{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ai-model-chart h4,.ai-project-chart h4{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;font-weight:500}.adv-donut-chart{align-items:center;gap:20px;display:flex}.adv-donut-svg{flex-shrink:0}.adv-donut-legend{flex-direction:column;gap:8px;display:flex}.adv-donut-legend-item{align-items:center;gap:8px;font-size:.8rem;display:flex}.adv-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.adv-legend-label{color:var(--text-secondary);flex:1}.adv-legend-val{font-family:var(--mono);color:var(--text-primary);font-size:.75rem}.adv-legend-val small{color:var(--text-muted)}.outcome-stats-row{gap:24px;margin-bottom:20px;display:flex}.outcome-stat-item{flex-direction:column;gap:4px;display:flex}.outcome-stat-value{font-size:1.4rem;font-weight:700;font-family:var(--mono);color:var(--cyan)}.outcome-stat-label{color:var(--text-muted);font-size:.75rem}.outcome-charts{grid-template-columns:1fr 1fr;gap:20px;display:grid}.outcome-pie-chart h4,.outcome-blockers-chart h4{color:var(--text-muted);margin-bottom:12px;font-size:.8rem;font-weight:500}.analytics-quality .quality-content{align-items:center;gap:24px;display:flex}.quality-gauge-wrap{flex-shrink:0}.adv-gauge{text-align:center}.adv-gauge-label{color:var(--text-muted);margin-top:8px;font-size:.8rem}.quality-breakdown{flex:1}.quality-breakdown h4{color:var(--text-secondary);margin-bottom:16px;font-size:.85rem}.quality-factor{grid-template-columns:140px 1fr 50px;align-items:center;gap:12px;margin-bottom:12px;display:grid}.quality-factor-label{color:var(--text-secondary);font-size:.78rem}.quality-factor-bar{background:#ffffff0f;border-radius:4px;height:8px;overflow:hidden}.quality-factor-fill{border-radius:4px;height:100%;transition:width .6s}.quality-factor-val{font-family:var(--mono);color:var(--text-primary);text-align:right;font-size:.78rem}.analytics-summary .summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.summary-stat-card{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);flex-direction:column;gap:6px;padding:16px;display:flex}.summary-stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.summary-stat-icon{margin-bottom:4px;font-size:1.3rem}.summary-stat-value{font-size:1.3rem;font-weight:700;font-family:var(--mono);color:var(--accent-light)}.summary-stat-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.summary-stat-trend{margin-top:4px;font-size:.72rem}.summary-stat-trend.positive{color:var(--green)}.summary-stat-trend.negative{color:var(--red)}.summary-stat-sub{color:var(--text-muted);font-size:.7rem}.bar-chart-svg{overflow:visible}.no-data{color:var(--text-muted);text-align:center;padding:20px;font-size:.85rem}@media (width<=1200px){.adv-row{grid-template-columns:1fr}.analytics-summary .summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.analytics-adv .ac-header{flex-direction:column;align-items:flex-start;gap:8px}.prod-metrics-row{flex-wrap:wrap}.task-charts-row,.ai-cost-charts,.outcome-charts{grid-template-columns:1fr}.analytics-quality .quality-content{flex-direction:column}.analytics-summary .summary-grid{grid-template-columns:1fr}.quality-factor{grid-template-columns:1fr;gap:6px}}.task-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:12px}.task-panel.hidden{display:none}.task-panel-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.task-panel-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.task-stats{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);padding:2px 8px;font-size:.8rem}.task-current{background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:10px;padding:10px}.task-current-info{justify-content:space-between;align-items:center;display:flex}.task-current-name{color:var(--text-primary);font-size:.9rem}.task-no-active{color:var(--text-secondary);font-style:italic}.task-current-time{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.9rem}.task-list{max-height:200px;margin-bottom:10px;overflow-y:auto}.task-item{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 8px;transition:background .2s;display:flex}.task-item:hover{background:var(--bg-tertiary)}.task-item.active{background:#7c3aed1a}.task-item.done .task-name{opacity:.6;text-decoration:line-through}.task-status-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:flex}.task-status-btn.todo{color:var(--text-secondary)}.task-status-btn.in-progress{color:var(--blue)}.task-status-btn.done{color:var(--green)}.task-name{color:var(--text-primary);flex:1;font-size:.85rem}.task-time{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem}.task-active-indicator{color:var(--accent);font-size:.6rem;animation:1s infinite pulse}.task-add-form{border-top:1px solid var(--border);padding-top:10px}.task-name-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:8px 10px;font-size:.85rem}.task-name-input:focus{border-color:var(--accent);outline:none}.task-name-input::placeholder{color:var(--text-secondary)}.modal-tasks-section{border-top:1px solid var(--border);margin-top:8px;padding:12px 0}.modal-tasks-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.modal-tasks-header label{color:var(--text-primary);white-space:nowrap;font-size:.9rem;font-weight:600}.modal-tasks-header .form-input{flex:1}.modal-task-list{max-height:200px;overflow-y:auto}.session-task-empty{text-align:center;color:var(--text-secondary);padding:20px;font-size:.9rem}.session-task-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px;display:flex}.session-task-row:last-child{border-bottom:none}.session-task-name{flex:1;font-size:.85rem}.session-task-status{border-radius:var(--radius-sm);text-transform:capitalize;padding:2px 8px;font-size:.75rem}.session-task-status.status-todo{background:var(--bg-tertiary);color:var(--text-secondary)}.session-task-status.status-in-progress{color:var(--blue);background:#3b82f633}.session-task-status.status-done{color:var(--green);background:#10b98133}.session-task-time{color:var(--text-secondary);text-align:right;min-width:40px;font-family:JetBrains Mono,monospace;font-size:.8rem}.session-task-actions{gap:4px;display:flex}.task-action-btn{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px;font-size:.8rem;transition:background .2s}.task-action-btn:hover{background:var(--bg-tertiary)}.task-action-btn.hidden{display:none}.session-task-summary{color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);gap:16px;margin-top:8px;padding:10px 8px;font-size:.8rem;display:flex}.task-breakdown{background:var(--bg-tertiary);border-radius:var(--radius);margin-top:10px;padding:12px}.task-breakdown-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.task-breakdown-header h4{margin:0;font-size:.9rem;font-weight:600}.task-completion-badge{color:var(--green);border-radius:var(--radius-sm);background:#10b98133;padding:2px 8px;font-size:.75rem}.task-breakdown-progress{background:var(--bg-secondary);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.task-progress-bar{background:linear-gradient(90deg, var(--green), var(--cyan));border-radius:3px;height:100%;transition:width .3s}.task-breakdown-list{flex-direction:column;gap:8px;display:flex}.task-breakdown-item{flex-direction:column;gap:4px;display:flex}.task-breakdown-info{justify-content:space-between;font-size:.8rem;display:flex}.task-breakdown-name{color:var(--text-primary)}.task-breakdown-item.done .task-breakdown-name{opacity:.6;text-decoration:line-through}.task-breakdown-time{color:var(--text-secondary);font-family:JetBrains Mono,monospace}.task-breakdown-bar-container{background:var(--bg-secondary);border-radius:2px;height:4px;overflow:hidden}.task-breakdown-bar{border-radius:2px;height:100%;transition:width .3s}.task-breakdown-item.todo .task-breakdown-bar{background:var(--text-secondary)}.task-breakdown-item.in-progress .task-breakdown-bar{background:var(--blue)}.task-breakdown-item.done .task-breakdown-bar{background:var(--green)}.task-breakdown-empty{color:var(--text-secondary);text-align:center;padding:20px;font-size:.9rem}.ai-stats-widget{background:#7c3aed26;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:.8rem}.ai-stats-cost{color:var(--purple);font-size:.9rem;font-weight:600}.ai-stats-requests{color:var(--text-secondary);font-size:.75rem}.ai-stats-breakdown{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ai-stats-model{color:var(--text-secondary);align-items:center;gap:4px;font-size:.7rem;display:flex}.modal-ai-section{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}.modal-ai-header{color:var(--text);margin-bottom:10px;font-size:.9rem;font-weight:600}.range-value{color:var(--purple);margin-left:8px;font-weight:600;display:inline-block}.detail-section-divider{background:var(--border);height:1px;margin:12px 0}.detail-section-title{color:var(--text);margin-bottom:8px;font-size:.85rem;font-weight:600}.analytics-card.analytics-tokens .token-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.token-item{text-align:center;background:var(--bg-secondary);border-radius:8px;padding:8px}.token-value{color:var(--text);font-size:1.2rem;font-weight:700}.token-label{color:var(--text-secondary);font-size:.75rem}.token-bar-container{border-radius:4px;height:8px;margin-bottom:8px;display:flex;overflow:hidden}.token-bar-input{background:#7c3aed;transition:width .3s}.token-bar-output{background:#06b6d4;transition:width .3s}.token-legend{color:var(--text-secondary);justify-content:center;gap:16px;font-size:.75rem;display:flex}.token-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.analytics-card.analytics-cost-over-time .cost-chart{justify-content:space-between;align-items:flex-end;height:80px;padding:0 4px;display:flex}.cost-bar-wrap{flex-direction:column;flex:1;align-items:center;max-width:30px;display:flex}.cost-bar{background:linear-gradient(#a78bfa,#7c3aed);border-radius:2px 2px 0 0;width:16px;min-height:2px;transition:height .3s}.cost-bar-label{color:var(--text-secondary);white-space:nowrap;margin-top:4px;font-size:.6rem;transform:rotate(-45deg)}.export-modal-content{max-width:520px;padding:0}.export-tabs{border-bottom:1px solid var(--border);background:var(--bg-card);gap:4px;padding:0 20px;display:flex}.export-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:14px 20px;font-size:.85rem;font-weight:500;transition:color .2s;position:relative}.export-tab:hover{color:var(--text-secondary)}.export-tab.active{color:var(--accent-light)}.export-tab.active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--cyan));height:2px;position:absolute;bottom:-1px;left:0;right:0}.export-content{padding:24px}.export-panel{display:none}.export-panel.active{display:block}.export-panel h4{color:var(--text-primary);margin-bottom:16px;font-size:.95rem;font-weight:600}.export-panel label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:10px;padding:8px 0;font-size:.85rem;transition:color .2s;display:flex}.export-panel label:hover{color:var(--text-primary)}.export-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.export-actions{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:20px;padding-top:16px;display:flex}.btn-export-action{background:linear-gradient(135deg, var(--accent), var(--cyan));border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;width:100%;padding:12px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.btn-export-action:hover{transform:translateY(-2px);box-shadow:0 4px 16px #7c3aed4d}.btn-export-action.secondary{background:var(--bg-glass);border:1px solid var(--border);color:var(--text-primary)}.btn-export-action.secondary:hover{border-color:var(--accent);box-shadow:none;background:#7c3aed1a}@media (width<=768px){.export-modal-content{border-radius:var(--radius) var(--radius) 0 0;max-width:100%}.export-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.export-tab{white-space:nowrap;padding:12px 16px}}.goals-content{padding:24px}.goals-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.goals-stats{flex-wrap:wrap;gap:24px;display:flex}.goal-stat{flex-direction:column;align-items:center;display:flex}.gs-num{font-size:1.5rem;font-weight:700;font-family:var(--mono)}.gs-label{color:var(--text-muted);font-size:.72rem}.goals-section{margin-bottom:32px}.goals-section-title{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;font-weight:600}.goals-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.goal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);padding:16px}.goal-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.goal-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.goal-type-icon{font-size:1.2rem}.goal-title{flex:1;font-weight:600}.goal-priority{font-size:.7rem;font-weight:700}.goal-description{color:var(--text-secondary);margin-bottom:12px;font-size:.82rem;line-height:1.4}.goal-progress-bar{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.goal-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.goal-progress-text{color:var(--text-muted);font-size:.75rem;font-family:var(--mono)}.goal-deadline{color:var(--text-secondary);margin-top:6px;font-size:.75rem}.goal-deadline.soon{color:var(--amber)}.goal-deadline.overdue{color:var(--red)}.goal-milestones{margin-top:12px}.goal-milestones-label{color:var(--text-muted);margin-bottom:6px;font-size:.72rem}.goal-milestone{cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:4px 0;display:flex}.goal-milestone:hover{color:var(--accent-light)}.goal-milestone.done{color:var(--green);text-decoration:line-through}.milestone-check{font-size:.9rem}.milestone-name{font-size:.82rem}.goal-objectives{margin-top:12px}.goal-objectives-label{color:var(--text-muted);margin-bottom:8px;font-size:.72rem}.goal-objective{border-radius:var(--radius-sm);background:#ffffff08;margin-bottom:8px;padding:10px}.objective-text{margin-bottom:8px;font-size:.85rem;font-weight:500}.key-results{border-left:2px solid var(--accent);padding-left:12px}.key-result{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.kr-text{flex:1;min-width:120px;font-size:.8rem}.kr-progress{font-size:.75rem;font-family:var(--mono);color:var(--accent-light)}.kr-bar{background:#ffffff14;border-radius:2px;width:60px;height:4px;overflow:hidden}.kr-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.goal-card-actions{gap:8px;margin-top:12px;display:flex}.btn-goal-edit,.btn-goal-delete{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);transition:var(--transition);padding:4px 10px;font-size:.78rem}.btn-goal-edit:hover{border-color:var(--accent);color:var(--accent)}.btn-goal-delete:hover{border-color:var(--red);color:var(--red)}.goals-filters{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.goal-milestones-edit,.goal-objectives-edit{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.milestone-edit-row{align-items:center;gap:8px;display:flex}.milestone-name-input{flex:1}.milestone-remove-btn{color:var(--red);font-size:.85rem}.objective-edit-row{background:var(--bg-glass);border-radius:var(--radius-sm);padding:12px}.objective-text-input{width:100%;margin-bottom:8px}.key-results-edit{border-left:2px solid var(--border);flex-direction:column;gap:6px;padding-left:12px;display:flex}.kr-edit-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kr-text-input{flex:2;min-width:100px}.kr-current-input,.kr-target-input{width:60px}.kr-remove-btn{color:var(--red)}.add-kr-btn{color:var(--accent-light);margin-top:4px;font-size:.75rem}.add-kr-btn:hover{color:var(--accent)}.modal-section{margin-top:16px}.modal-section-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-wide,.modal-wide .modal-content{max-width:700px}.workspaces-content{padding:24px}.workspaces-header{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.workspaces-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.workspace-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);padding:16px}.workspace-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.ws-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.ws-icon{font-size:1.3rem}.ws-name{flex:1;font-weight:600}.ws-default-badge{background:var(--accent);color:#fff;border-radius:4px;padding:2px 6px;font-size:.65rem}.ws-card-body{color:var(--text-secondary);font-size:.82rem}.ws-projects-count{margin-bottom:6px}.ws-settings-preview{flex-wrap:wrap;gap:8px;font-size:.75rem;display:flex}.ws-settings-preview span{background:var(--bg-glass);border-radius:4px;padding:2px 6px}.ws-card-actions{gap:8px;margin-top:12px;display:flex}.btn-ws-edit,.btn-ws-delete{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-glass);transition:var(--transition);padding:4px 10px;font-size:.78rem}.btn-ws-edit:hover{border-color:var(--accent);color:var(--accent)}.btn-ws-delete:hover{border-color:var(--red);color:var(--red)}.ws-projects-checkboxes{background:var(--bg-glass);border-radius:var(--radius-sm);flex-wrap:wrap;gap:8px;max-height:120px;padding:10px;display:flex;overflow-y:auto}.ws-project-checkbox{cursor:pointer;align-items:center;gap:6px;font-size:.82rem;display:flex}.ws-project-checkbox input{accent-color:var(--accent)}.btn-sm{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-glass);text-align:center;width:100%;margin-top:8px;padding:4px 8px;font-size:.72rem}.btn-sm:hover{border-color:var(--border-hover)}.template-type-tabs{gap:8px;display:flex}.template-type-tab{border-radius:var(--radius-sm);background:var(--bg-glass);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);padding:8px 16px}.template-type-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.template-type-tab:hover:not(.active){border-color:var(--border-hover)}.templates-gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:24px;display:grid}.template-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);padding:20px}.template-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow);transform:translateY(-2px)}.template-icon{margin-bottom:12px;font-size:2rem}.template-info h4{margin-bottom:6px;font-weight:600}.template-meta{color:var(--text-muted);gap:12px;font-size:.75rem;display:flex}.template-actions{gap:8px;margin-top:12px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:48px}.empty-icon{margin-bottom:12px;font-size:3rem}.shortcuts-settings-content{padding:24px}.shortcuts-category{margin-bottom:24px}.shortcuts-category h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.85rem}.shortcuts-list{flex-direction:column;gap:8px;display:flex}.shortcut-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.shortcut-action{font-weight:500}.shortcut-key{align-items:center;gap:8px;display:flex}.shortcut-display{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);cursor:pointer;transition:var(--transition);padding:6px 12px;font-size:.82rem}.shortcut-display:hover{border-color:var(--accent)}.shortcut-display.empty{color:var(--text-muted);font-style:italic}.shortcuts-actions{border-top:1px solid var(--border);gap:12px;margin-top:24px;padding-top:24px;display:flex}.shortcut-capture-content{text-align:center;padding:24px}.shortcut-capture-display{background:var(--bg-glass);border:2px solid var(--accent);border-radius:var(--radius);font-size:1.5rem;font-family:var(--mono);justify-content:center;align-items:center;min-height:80px;margin:24px auto;padding:24px;display:flex}.shortcut-capture-hint{color:var(--text-muted);margin-top:12px;font-size:.75rem}.shortcuts-reference-content{padding:16px}.shortcuts-reference-content .shortcuts-category h4{color:var(--accent-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8rem}.shortcuts-ref-list{flex-direction:column;gap:4px;display:flex}.shortcut-ref-row{background:var(--bg-glass);border-radius:var(--radius-sm);justify-content:space-between;padding:8px 12px;font-size:.82rem;display:flex}.shortcut-ref-action{color:var(--text-secondary)}.shortcut-ref-key{font-family:var(--mono);color:var(--accent-light)}.modal-lg .modal-content{max-width:700px}.modal-sm .modal-content{max-width:400px}.modal-md .modal-content{max-width:600px}.form-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}#view-knowledge-graph{flex-direction:column;height:100%;display:flex}#view-knowledge-graph .view-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.kg-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.kg-stats{background:var(--bg-glass);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px;padding:12px 24px;display:flex}.kg-stat{background:var(--bg-card);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:8px 16px;display:flex}.kg-stat-value{font-size:1.2rem;font-weight:700;font-family:var(--mono);color:var(--accent-light)}.kg-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.kg-container{background:var(--bg-primary);flex:1;position:relative;overflow:hidden}#kg-svg{width:100%;height:100%;display:block}.kg-edge{stroke-linecap:round}.kg-node{cursor:pointer;transition:opacity .2s}.kg-node:hover{opacity:.8}.kg-detail-panel{background:var(--bg-secondary);border-left:1px solid var(--border);z-index:10;width:360px;padding:20px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.kg-detail-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.kg-detail-header h3{font-size:1.1rem;font-weight:600}.kg-detail-content{margin-bottom:20px}.kg-detail-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.kg-detail-label{color:var(--text-muted);font-size:.85rem}.kg-detail-value{font-size:.85rem;font-weight:500}.kg-type-badge{background:var(--accent);color:#fff;border-radius:4px;padding:2px 8px;font-size:.75rem}.kg-type-skill{background:#7c3aed}.kg-type-session{background:#2563eb}.kg-type-project{background:#16a34a}.kg-type-goal{background:#ea580c}.kg-type-machine{background:#0891b2}.kg-type-ide{background:#9333ea}.kg-type-aiModel{background:#db2777}.kg-detail-connections h4{color:var(--text-secondary);margin-bottom:12px;font-size:.9rem}.kg-connected-list{flex-direction:column;gap:8px;display:flex}.kg-connected-item{background:var(--bg-glass);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;display:flex}.kg-connected-item:hover{border-color:var(--border-hover);background:#7c3aed1a}.kg-connected-name{flex:1;font-size:.85rem}#view-ai-summary{height:100%;overflow-y:auto}#view-ai-summary .view-header{border-bottom:1px solid var(--border);padding:16px 24px}.ai-summary-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.ai-toggle{cursor:pointer;align-items:center;gap:8px;font-size:.85rem;display:flex}.ai-toggle input{accent-color:var(--accent)}.ai-summary-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;padding:24px;display:grid}.ai-summary-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.ai-summary-section h3{align-items:center;gap:8px;margin-bottom:8px;font-size:1rem;display:flex}.ai-section-desc{color:var(--text-muted);margin-bottom:16px;font-size:.8rem}.ai-form-group{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ai-summary-result{background:var(--bg-glass);border-radius:var(--radius-sm);max-height:400px;padding:16px;overflow-y:auto}.ai-summary-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ai-summary-badge{background:var(--accent);color:#fff;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.ai-summary-date{color:var(--text-muted);font-size:.75rem}.ai-summary-section-content{margin-bottom:16px}.ai-summary-section-content h4{color:var(--accent-light);margin-bottom:8px;font-size:.85rem}.ai-summary-section-content ul{padding-left:20px;font-size:.85rem}.ai-summary-section-content li{margin-bottom:4px}.ai-summary-tags{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.ai-tag{background:var(--bg-glass);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.75rem}.ai-productivity-insight{background:var(--bg-glass);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.ai-productivity-score{color:var(--accent-light);font-weight:700;font-family:var(--mono)}.ai-summary-actions{gap:8px;margin-top:16px;display:flex}.ai-loading{text-align:center;color:var(--text-muted);padding:20px}.ai-error{border:1px solid var(--red);color:var(--red);border-radius:var(--radius-sm);background:#ef44441a;padding:12px}.ai-productivity-dashboard{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.ai-prod-stat{background:var(--bg-glass);border-radius:var(--radius-sm);text-align:center;padding:12px}.ai-prod-value{font-size:1.2rem;font-weight:700;font-family:var(--mono);color:var(--accent-light);display:block}.ai-prod-label{color:var(--text-muted);font-size:.7rem}.ai-proj-header h3{margin-bottom:12px;font-size:1.1rem}.ai-skills-progress{gap:16px;margin-bottom:16px;display:flex}.ai-skill-stat{border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:500}.ai-skill-stat.ai-done{color:var(--green);background:#10b9811a}.ai-skill-stat.ai-progress{color:var(--blue);background:#3b82f61a}.ai-skill-stat.ai-pending{color:var(--text-muted);background:#64748b1a}.ai-summary-history{grid-column:1/-1}.ai-history-list{flex-direction:column;gap:8px;display:flex}.ai-history-item{background:var(--bg-glass);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);padding:12px}.ai-history-item:hover{border-color:var(--border-hover)}.ai-history-header{justify-content:space-between;margin-bottom:8px;display:flex}.ai-history-type{text-transform:uppercase;color:var(--accent-light);font-size:.75rem;font-weight:600}.ai-history-date{color:var(--text-muted);font-size:.75rem}.ai-history-preview{color:var(--text-secondary);margin-bottom:8px;font-size:.85rem}.ai-no-history{text-align:center;color:var(--text-muted);padding:20px}.ai-settings-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin:24px;padding:20px}.ai-settings-panel h3{margin-bottom:16px;font-size:1rem}.ai-settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}#view-api-docs{height:100%;overflow-y:auto}#view-api-docs .view-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.api-docs-content{padding:24px}.api-section{margin-bottom:32px}.api-section h3{color:var(--accent-light);margin-bottom:16px;font-size:1rem}.api-status-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px;display:grid}.api-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:14px;display:flex}.api-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.72rem}.api-card code,.api-note code{font-family:var(--mono);color:var(--cyan);overflow-wrap:anywhere}.api-note{color:var(--text-secondary);font-size:.86rem;line-height:1.6}.api-endpoints-table{border-collapse:collapse;width:100%;font-size:.85rem}.api-endpoints-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);padding:12px;font-weight:600}.api-endpoints-table td{border-bottom:1px solid var(--border);padding:12px}.api-method{border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700}.api-get{color:var(--green);background:#10b98133}.api-post{color:var(--blue);background:#3b82f633}.api-put{color:var(--amber);background:#f59e0b33}.api-delete{color:var(--red);background:#ef444433}.api-example{background:var(--bg-glass);border-radius:var(--radius-sm);margin-bottom:16px;padding:16px}.api-example h4{color:var(--accent-light);margin-bottom:12px;font-size:.85rem}.api-example pre{background:var(--bg-primary);border-radius:var(--radius-sm);font-size:.8rem;font-family:var(--mono);padding:12px;overflow-x:auto}.api-tester-form{flex-direction:column;gap:12px;padding:20px;display:flex}.api-tester-result{background:var(--bg-glass);border-radius:var(--radius-sm);max-height:300px;padding:16px;overflow-y:auto}.api-tester-result pre{font-family:var(--mono);white-space:pre-wrap;font-size:.8rem}#view-voice-commands{height:100%;overflow-y:auto}#view-voice-commands .view-header{border-bottom:1px solid var(--border);padding:16px 24px}.voice-controls{margin-top:12px}.voice-content{padding:24px}.voice-status-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.voice-indicator{align-items:center;gap:12px;font-size:.9rem;display:flex}.voice-icon{font-size:1.5rem}.voice-icon-pulse{animation:1s infinite pulse}.voice-indicator.active{color:var(--green)}.voice-settings-panel,.voice-commands-panel,.voice-log-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:20px}.voice-settings-panel h3,.voice-commands-panel h3,.voice-log-panel h3{margin-bottom:16px;font-size:1rem}.voice-settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.voice-commands-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.voice-command-item{background:var(--bg-glass);border-radius:var(--radius-sm);justify-content:space-between;padding:12px 16px;display:flex}.voice-command-text{color:var(--accent-light);font-weight:600;font-family:var(--mono)}.voice-command-action{color:var(--text-muted);font-size:.85rem}.voice-command-log{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.voice-log-entry{background:var(--bg-glass);border-radius:var(--radius-sm);gap:12px;padding:8px 12px;font-size:.85rem;display:flex}.voice-log-time{color:var(--text-muted);font-family:var(--mono);font-size:.75rem}.voice-log-message{color:var(--text-secondary)}#view-screen-recorder{height:100%;overflow-y:auto}#view-screen-recorder .view-header{border-bottom:1px solid var(--border);padding:16px 24px}.recorder-controls{margin-top:12px}.recorder-content{padding:24px}.recorder-status-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.recorder-indicator{align-items:center;gap:12px;font-size:.9rem;display:flex}.recorder-icon{font-size:1.5rem}.recorder-indicator.recording{color:var(--red)}.recording-pulse{animation:1s infinite pulse}.recorder-actions{gap:12px;display:flex}.recorder-preview{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;height:400px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.recorder-placeholder{text-align:center;color:var(--text-muted)}.recorder-placeholder .placeholder-icon{margin-bottom:12px;font-size:3rem;display:block}.recorder-timer-overlay{color:#fff;border-radius:var(--radius-sm);font-family:var(--mono);background:#000000b3;padding:8px 16px;font-size:1.1rem;font-weight:600;position:absolute;top:16px;right:16px}.recorder-settings-panel,.recorder-history-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:20px}.recorder-settings-panel h3,.recorder-history-panel h3{margin-bottom:16px;font-size:1rem}.recorder-settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px;display:grid}.recorder-history-list{flex-direction:column;gap:12px;max-height:300px;display:flex;overflow-y:auto}.recorder-history-item{background:var(--bg-glass);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.recorder-history-info{flex-direction:column;gap:4px;display:flex}.recorder-history-name{font-size:.9rem;font-weight:600}.recorder-history-meta{color:var(--text-muted);font-size:.75rem;font-family:var(--mono)}.recorder-history-date{color:var(--text-muted);font-size:.75rem}.recorder-history-actions{gap:8px;display:flex}.recorder-no-history{text-align:center;color:var(--text-muted);padding:20px}.filter-select{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);min-width:120px;padding:8px 12px;font-size:.85rem}.filter-select:focus{border-color:var(--accent);outline:none}.stagger-in{opacity:0;animation:.4s forwards staggerFadeIn;transform:translateY(10px)}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}@media (width<=768px){.ai-summary-grid{grid-template-columns:1fr}.ai-productivity-dashboard{grid-template-columns:repeat(2,1fr)}.kg-detail-panel{width:100%}.voice-commands-list{grid-template-columns:1fr}.recorder-actions{flex-wrap:wrap}.recorder-history-item{flex-direction:column;align-items:flex-start;gap:12px}}.form-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.checklist-builder,.questions-builder{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.checklist-item,.question-item{background:var(--bg-glass);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px;display:flex}.checklist-item input[type=text],.question-item input[type=text]{flex:1}.checklist-item label,.question-item label{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:flex}.template-selection-list{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.template-selection-item{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:center;gap:16px;padding:16px;display:flex}.template-selection-item:hover{border-color:var(--accent);transform:translate(4px)}.template-selection-item .template-icon{margin-bottom:0;font-size:1.5rem}.template-selection-item .template-info h4{font-weight:600}.template-selection-item .template-info p{color:var(--text-muted);font-size:.78rem}