:root,[data-theme=dark]{--bg-primary:#0f1117;--bg-secondary:#161b25;--bg-card:hsla(0,0%,100%,.04);--bg-card-hover:hsla(0,0%,100%,.07);--bg-subtle:hsla(0,0%,100%,.06);--bg-subtle-hover:hsla(0,0%,100%,.1);--bg-subtle-active:hsla(0,0%,100%,.14);--bg-overlay:rgba(0,0,0,.7);--bg-modal:#1a1f2e;--bg-header:rgba(15,17,23,.95);--bg-input:hsla(0,0%,100%,.06);--border-color:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.14);--text-primary:#f0f4f8;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#10b981;--accent-hover:#059669;--accent-dim:rgba(16,185,129,.15);--accent-border:rgba(16,185,129,.3);--warning:#f59e0b;--warning-dim:rgba(245,158,11,.15);--danger:#ef4444;--danger-dim:rgba(239,68,68,.15);--info:#3b82f6;--info-dim:rgba(59,130,246,.15);--tab-active-bg:hsla(0,0%,100%,.1);--tab-count-bg:hsla(0,0%,100%,.1);--spinner-track:hsla(0,0%,100%,.1);--priority-bg:hsla(0,0%,100%,.06);--theme-color:#0f1117;color-scheme:dark}[data-theme=light]{--bg-primary:#f3f4f6;--bg-secondary:#fff;--bg-card:hsla(0,0%,100%,.8);--bg-card-hover:#fff;--bg-subtle:rgba(0,0,0,.04);--bg-subtle-hover:rgba(0,0,0,.07);--bg-subtle-active:rgba(0,0,0,.11);--bg-overlay:rgba(0,0,0,.45);--bg-modal:#fff;--bg-header:hsla(0,0%,100%,.95);--bg-input:rgba(0,0,0,.04);--border-color:rgba(0,0,0,.1);--border-hover:rgba(0,0,0,.18);--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--accent:#059669;--accent-hover:#047857;--accent-dim:rgba(5,150,105,.1);--accent-border:rgba(5,150,105,.3);--warning:#d97706;--warning-dim:rgba(217,119,6,.1);--danger:#dc2626;--danger-dim:rgba(220,38,38,.1);--info:#2563eb;--info-dim:rgba(37,99,235,.1);--tab-active-bg:rgba(0,0,0,.07);--tab-count-bg:rgba(0,0,0,.08);--spinner-track:rgba(0,0,0,.1);--priority-bg:rgba(0,0,0,.05);--theme-color:#f3f4f6;color-scheme:light}:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--touch-target:48px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;transition:background .2s,color .2s}.op-layout,body,html{background:var(--bg-primary)}.op-layout{display:flex;flex-direction:column;min-height:100dvh}.op-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-header);border-bottom:1px solid var(--border-color);gap:1rem;height:60px;justify-content:space-between;padding:0 1.25rem;position:sticky;top:0;z-index:100}.op-header,.op-header-logo{align-items:center;display:flex}.op-header-logo{color:var(--text-primary);font-size:1.1rem;font-weight:700;gap:.625rem;text-decoration:none}.op-header-logo .logo-dot{background:var(--accent);border-radius:50%;height:8px;width:8px}.op-main{flex:1;margin:0 auto;max-width:1400px;padding:1.25rem;width:100%}.op-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.op-card,.op-card-lg{background:var(--bg-card)}.op-card-lg{border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem}.op-btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-height:var(--touch-target);padding:0 1.5rem;transition:all .15s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.op-btn:disabled{cursor:not-allowed;opacity:.5}.op-btn:active:not(:disabled){transform:scale(.97)}.op-btn-primary{background:var(--accent);color:#fff}.op-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.op-btn-secondary{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-primary)}.op-btn-secondary:hover:not(:disabled){background:var(--bg-subtle-hover)}.op-btn-danger{background:var(--danger-dim);border:1px solid rgba(220,38,38,.3);color:var(--danger)}.op-btn-danger:hover:not(:disabled){background:#dc26262e}.op-btn-warning{background:var(--warning-dim);border:1px solid rgba(217,119,6,.3);color:var(--warning)}.op-btn-lg{font-size:1.05rem;min-height:56px;padding:0 2rem}.op-btn-lg,.op-btn-xl{border-radius:var(--radius-lg)}.op-btn-xl{font-size:1.1rem;min-height:64px;padding:0 2.5rem}.op-btn-full,.op-input{width:100%}.op-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;min-height:var(--touch-target);outline:none;padding:0 1rem;transition:border-color .15s}.op-input:focus{border-color:var(--accent)}.op-input::-moz-placeholder{color:var(--text-muted)}.op-input::placeholder{color:var(--text-muted)}.op-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;letter-spacing:.04em;padding:.25rem .625rem;text-transform:uppercase}.op-badge-green{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent)}.op-badge-yellow{background:var(--warning-dim);border:1px solid rgba(217,119,6,.3);color:var(--warning)}.op-badge-red{background:var(--danger-dim);border:1px solid rgba(220,38,38,.3);color:var(--danger)}.op-badge-blue{background:var(--info-dim);border:1px solid rgba(59,130,246,.3);color:var(--info)}.op-badge-gray,.status-not_started{background:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-muted)}.status-active{background:var(--info-dim);border:1px solid rgba(59,130,246,.3);color:var(--info)}.status-completed{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent)}.status-blocked{background:var(--danger-dim);border:1px solid rgba(220,38,38,.3);color:var(--danger)}.status-on_hold{background:var(--warning-dim);border:1px solid rgba(217,119,6,.3);color:var(--warning)}.pin-input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:monospace;font-size:2.5rem;font-weight:700;letter-spacing:.5rem;min-height:80px;outline:none;padding:0 1rem;text-align:center;transition:border-color .15s;width:100%;-webkit-text-security:disc}.pin-input:focus{border-color:var(--accent)}.op-spinner{animation:spin .7s linear infinite;border:3px solid var(--spinner-track);border-radius:50%;border-top-color:var(--accent);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.op-divider{background:var(--border-color);height:1px;margin:1rem 0}.op-progress{background:var(--bg-subtle);border-radius:3px;height:6px;overflow:hidden}.op-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s ease}.op-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}.op-modal-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--bg-overlay);display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:200}@media(min-width:640px){.op-modal-overlay{align-items:center;padding:1.5rem}}.op-modal{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90dvh;overflow-y:auto;padding:1.5rem;width:100%}@media(min-width:640px){.op-modal{border-radius:var(--radius-xl);max-height:85dvh;max-width:560px}}.op-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.op-modal-title{font-size:1.1rem;font-weight:700}.op-modal-close{align-items:center;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;width:36px}.op-modal-close,.op-tabs{background:var(--bg-subtle);display:flex}.op-tabs{border-radius:var(--radius-md);gap:.25rem;margin-bottom:1.25rem;padding:.25rem}.op-tab{align-items:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;flex:1;font-size:.85rem;font-weight:600;gap:.375rem;justify-content:center;min-height:40px;transition:all .15s}.op-tab.active{background:var(--tab-active-bg);color:var(--text-primary)}.op-checklist-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:.875rem;padding:.875rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.op-checklist-item:last-child{border-bottom:none}.op-checklist-checkbox{align-items:center;background:transparent;border:2px solid var(--border-color);border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .15s;width:24px}.op-checklist-checkbox.checked{background:var(--accent);border-color:var(--accent)}.op-checklist-label{color:var(--text-primary);flex:1;font-size:.95rem}.op-checklist-label.checked{color:var(--text-muted);text-decoration:line-through}.op-comment{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.625rem;padding:.875rem}.op-comment.issue{background:var(--danger-dim);border-color:#dc26264d}.op-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.op-comment-author{color:var(--text-primary);font-size:.8rem;font-weight:600}.op-comment-time{color:var(--text-muted);font-size:.75rem}.op-comment-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5}@media(min-width:768px){.op-main{padding:1.5rem 2rem}.op-header{height:64px;padding:0 2rem}}@media(min-width:1200px){.op-main{padding:2rem 3rem}}