.pj-tabs{scrollbar-width:none;gap:6px;padding:2px 0 6px;display:flex;overflow-x:auto}.pj-tabs::-webkit-scrollbar{display:none}.pj-tabs button{cursor:pointer;color:var(--muted);background:#fff;border:1px solid #e3ebf6;border-radius:999px;flex-shrink:0;padding:9px 16px;font-size:.92rem;font-weight:800}.pj-tabs button[aria-selected=true]{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 8px 18px -12px var(--blue)}.pj-muted{color:var(--muted);margin:0;font-size:.9rem}.pj-note{color:var(--navy);background:#eef5ff;border-radius:12px;margin:0;padding:10px 12px;font-size:.9rem}.pj-stack,.pj-board{flex-direction:column;gap:14px;display:flex}.pj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pj-card{background:#fff;border:1px solid #e3ebf6;border-radius:22px;flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex;box-shadow:0 16px 34px -30px #0f244099}.pj-card h3{color:var(--navy);align-items:center;gap:8px;margin:0;font-size:1.02rem;font-weight:900;display:flex}.pj-card h3 svg{color:var(--blue);flex-shrink:0}.pj-card h4{color:var(--navy);margin:6px 0 0;font-size:.9rem}.pj-card ul{margin:0}.pj-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pj-row label{color:var(--muted);flex-direction:column;gap:3px;font-size:.8rem;font-weight:700;display:flex}.pj-row input,.pj-row select,.pj-add input,.pj-add select,.pj-action-tools select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:12px;min-width:0;padding:8px 10px}.pj-add{flex-flow:wrap;align-items:center}.pj-add input:first-child{flex:260px}.pj-add small{flex-basis:100%}.pj-mirror{color:#fff;background:linear-gradient(135deg,#0f9d6b,#16b981);border-radius:24px;flex-direction:column;gap:12px;padding:18px;display:flex}.pj-mirror.is-attention{background:linear-gradient(135deg,#d97706,#f59e0b)}.pj-mirror.is-late{background:linear-gradient(135deg,#c2410c,#e34948)}.pj-mirror.is-archived{background:linear-gradient(135deg,#475569,#94a3b8)}.pj-mirror-head{align-items:center;gap:12px;display:flex}.pj-mirror-head h2{margin:0;font-size:1.35rem;font-weight:900}.pj-mirror-head small{opacity:.9}.pj-mirror-percent{letter-spacing:-.03em;margin-left:auto;font-size:2rem;font-weight:900}.pj-mirror-bars{gap:8px;display:grid}.pj-mirror-bars div{grid-template-columns:110px 1fr;align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:grid}.pj-mirror .pj-bar{background:#ffffff4d}.pj-mirror .pj-bar span{background:#fff}.pj-mirror .pj-bar.is-time span{background:#ffffffa6}.pj-reasons{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.pj-reasons li{background:#ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.85rem;font-weight:700;display:flex}.pj-mirror .pj-muted{color:#fff;opacity:.9}.pj-bar{background:#e8eef7;border-radius:999px;height:9px;display:block;overflow:hidden}.pj-bar span{border-radius:inherit;background:linear-gradient(90deg,var(--blue),#4f8ff0);height:100%;transition:width .3s;display:block}.pj-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pj-numbers span{color:var(--muted);background:#f5f8fd;border-radius:14px;flex-direction:column;padding:10px;font-size:.82rem;display:flex}.pj-numbers b{color:var(--navy);font-size:1.1rem}.pj-numbers .is-late b{color:#c2410c}.pj-mini-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.pj-mini-list li{border-left:3px solid #dbe6f5;flex-direction:column;padding-left:10px;display:flex}.pj-mini-list li.is-late{border-left-color:#e34948}.pj-mini-list small{color:var(--muted)}.pj-goal-list{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.pj-goal-list li{flex-direction:column;gap:5px;display:flex}.pj-goal-list.is-big>li{background:#fff;border:1px solid #e3ebf6;border-radius:18px;padding:14px}.pj-goal-list li.is-late .pj-bar span{background:linear-gradient(90deg,#e34948,#f97316)}.pj-goal-top{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.pj-goal-top span{color:var(--muted);font-size:.88rem;font-weight:700}.pj-goal-list small{color:var(--muted)}.pj-kanban{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.pj-column{background:#f5f8fd;border-radius:20px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.pj-column h3{color:var(--navy);justify-content:space-between;margin:0;font-size:.95rem;display:flex}.pj-column h3 span{color:var(--muted);background:#fff;border-radius:999px;padding:0 8px}.pj-column.is-done{opacity:.85}.pj-action{background:#fff;border:1px solid #e3ebf6;border-radius:16px;flex-direction:column;gap:6px;padding:10px;display:flex}.pj-action.is-late{border-color:#f3b2b2;box-shadow:inset 3px 0 #e34948}.pj-action p{color:var(--muted);margin:0;font-size:.85rem}.pj-action small{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.78rem;display:flex}.pj-action small span{align-items:center;gap:3px;display:inline-flex}.pj-priority{border-radius:999px;padding:0 7px;font-style:normal;font-weight:800}.pj-priority.is-high{color:#b42318;background:#fde8e8}.pj-priority.is-low{color:#475569;background:#eef2f6}.pj-action-tools{align-items:center;gap:6px;display:flex}.pj-action-tools select{flex:1;padding:5px 8px;font-size:.82rem}.pj-review{border-left:5px solid #16b981}.pj-review.is-attention{border-left-color:#f59e0b}.pj-review.is-late{border-left-color:#e34948}.pj-review p{margin:0}.pj-ideas{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.pj-ideas li{border:1px solid #e3ebf6;border-radius:14px;align-items:center;gap:8px;padding:10px;display:flex}.pj-ideas li>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pj-ideas li>span svg{color:var(--blue)}.pj-ideas small{color:var(--muted)}.pj-timeline{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.pj-timeline li{border-bottom:1px solid #eef2f7;gap:10px;padding:10px 0;display:flex}.pj-timeline li>svg{color:var(--blue);flex-shrink:0;margin-top:2px}.pj-timeline p{color:var(--muted);margin:4px 0;font-size:.88rem}.pj-timeline small{color:var(--muted)}.pj-overview{flex-direction:column;gap:12px;display:flex}.pj-health-dot{background:#16b981;border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.pj-health-dot.is-attention{background:#f59e0b}.pj-health-dot.is-late{background:#e34948}@media (max-width:900px){.pj-grid{grid-template-columns:1fr}.pj-kanban{grid-template-columns:repeat(4,minmax(240px,1fr));padding-bottom:6px;overflow-x:auto}}@media (max-width:560px){.pj-mirror-percent{font-size:1.6rem}.pj-mirror-bars div{grid-template-columns:90px 1fr}.pj-add>*{flex:100%}.pj-numbers{grid-template-columns:1fr 1fr}}.add-to-project{flex-direction:column;gap:8px;display:flex}.add-to-project h3{color:var(--navy);align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.add-to-project h3 svg{color:var(--blue)}.add-to-project p{margin:0;font-size:.9rem}.add-to-project-row{flex-wrap:wrap;gap:8px;display:flex}.add-to-project-row select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:12px;flex:180px;padding:8px 10px}.add-to-project-error{color:#b42318}.add-to-project.is-compact{flex-basis:100%;gap:6px}.add-to-project-open{font:inherit;color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:.85rem;font-weight:700;display:inline-flex}.add-to-project-muted{color:var(--muted);font-size:.88rem}.pj-list-head{align-items:center;gap:14px;position:relative}.pj-list-head h1{letter-spacing:-.03em;font-size:2.1rem;font-weight:900}.pj-list-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:18px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 12px 24px -14px #1d4ed8}.pj-list-head .studio-head-action{border-radius:16px;padding:12px 20px;font-size:1rem;font-weight:800}.pj-list-text{max-width:760px;font-size:1rem;line-height:1.45}.pj-ov{border-radius:28px;gap:16px;padding:20px}.pj-ov-head{align-items:center;gap:16px;display:flex}.pj-ov-head>div{border-left:1px solid #dfe6f1;padding-left:16px}.pj-ov-head h2{color:var(--navy);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:900}.pj-ov-head small{color:var(--muted);font-size:.95rem}.pj-ov-icon{width:58px;height:58px;color:var(--blue);background:linear-gradient(135deg,#e7f0ff,#d4e4ff);border-radius:18px;flex-shrink:0;place-items:center;display:grid}.pj-ov-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.pj-ov-tile{border-radius:20px;align-items:center;gap:14px;min-width:0;padding:16px 18px;display:flex}.pj-ov-tile>span:last-child{color:var(--navy);flex-direction:column;min-width:0;font-size:.95rem;display:flex}.pj-ov-tile b{font-size:1.9rem;font-weight:900;line-height:1}.pj-ov-tile>svg{flex-shrink:0}.pj-ov-tile.is-ok{background:linear-gradient(135deg,#dff6ea,#ecfaf3)}.pj-ov-tile.is-ok b{color:#0f6b3f}.pj-ov-tile-icon{color:#fff;background:#16a34a;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.pj-ov-tile.is-attention{background:linear-gradient(135deg,#fff1dc,#fff7ea)}.pj-ov-tile.is-attention>svg,.pj-ov-tile.is-attention b{color:#ea7a0c}.pj-ov-tile.is-late{background:linear-gradient(135deg,#ffe3e3,#fff0f0)}.pj-ov-tile.is-late>svg,.pj-ov-tile.is-late b{color:#d11f2f}.pj-ov-tile.is-actions{background:linear-gradient(135deg,#e1ecff,#eef4ff)}.pj-ov-tile.is-actions>svg{color:#1d4ed8}.pj-ov-tile.is-actions b{color:var(--navy)}.pj-list-tabs{gap:12px}.pj-list-tabs button{border-radius:999px;align-items:center;gap:10px;padding:11px 24px;font-size:1rem;display:inline-flex;box-shadow:0 8px 20px -18px #0f244099}.studio-project-card.pj-list-card{background:linear-gradient(115deg,#fff 60%,#f4f0ff);border-color:#e3ebf6;border-radius:26px;gap:18px;padding:18px 20px;box-shadow:0 18px 36px -32px #0f2440b3}.pj-list-card-icon{color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);border-radius:22px;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 14px 26px -16px #6d28d9}.pj-list-card-text{border-left:1px solid #e3e8f2;flex-direction:column;flex:1;gap:6px;min-width:0;padding-left:18px;display:flex}.pj-list-card-text>b{color:var(--navy);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.2rem;font-weight:900;line-height:1.2}.pj-list-card-goal{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pj-list-card-meta{color:var(--muted);align-items:center;gap:6px;font-size:.9rem;display:flex}.pj-list-card-meta em{color:#6d28d9;margin-left:6px;font-style:normal;font-weight:700}.pj-list-card-progress{align-items:center;gap:14px;display:flex}.pj-list-card-progress .pj-bar{background:#dfe9fa;flex:1;height:11px}.pj-list-card-progress b{color:var(--blue);min-width:3ch;font-size:1.25rem;font-weight:900}.pj-list-card-go{width:48px;height:48px;color:var(--blue);background:#e5efff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}@media (max-width:760px){.pj-list-head h1{font-size:1.8rem}.pj-list-icon{border-radius:16px;width:50px;height:50px}.pj-ov{padding:16px 14px}.pj-ov-tiles{grid-template-columns:1fr 1fr;gap:10px}.pj-ov-tile{gap:8px;padding:14px 12px}.pj-ov-tile>svg{width:30px;height:30px}.pj-ov-tile-icon{width:32px;height:32px}.pj-ov-tile-icon svg{width:18px;height:18px}.pj-ov-tile>span:last-child{font-size:.86rem}.pj-ov-head small{font-size:.88rem}.pj-list-card-icon{border-radius:20px;width:64px;height:64px}.pj-list-card-text{padding-left:14px}.pj-list-card-goal{display:none}.pj-list-card-go{width:40px;height:40px}}.pj-quick{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.pj-quick-open{color:var(--blue);font:inherit;cursor:pointer;background:#f6f9ff;border:1px dashed #b9cbe6;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:.88rem;font-weight:800;display:inline-flex}.pj-quick-form{border-top:1px solid #eef2f7;flex-direction:column;gap:8px;width:100%;padding-top:10px;display:flex}.pj-quick-form>input,.pj-quick-form>select{border:1px solid var(--line);font:inherit;background:#fff;border-radius:12px;padding:8px 10px}.pj-quick-form .pj-row>input,.pj-quick-form .pj-row>select{flex:140px}.pj-flow{flex-direction:column;gap:12px;display:flex}.pj-flow-head{align-items:center;gap:14px;display:flex}.pj-flow-head>div{flex:1;min-width:0}.pj-flow-head h3{letter-spacing:-.03em;color:var(--navy);margin:0;font-size:1.6rem;font-weight:900}.pj-flow-head small{color:var(--muted);font-size:.92rem}.pj-flow-head-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:18px;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid;box-shadow:0 12px 24px -14px #1d4ed8}.pj-flow-count{color:#fff;background:linear-gradient(135deg,#2a78f0,#1652d8);border-radius:999px;flex-shrink:0;padding:9px 18px;font-size:1rem;font-weight:900;box-shadow:0 10px 20px -14px #1652d8}.pj-flow-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.pj-flow-step{--tone:#2a78f0;--soft:#e8f1ff;--wash:#f3f8ff;background:linear-gradient(110deg,#fff 45%,var(--wash));border:1px solid #e6edf7;border-radius:24px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 18px;display:flex;box-shadow:0 14px 30px -28px #0f2440b3}.pj-flow-step.tone-blue{--tone:#1f6fe5;--soft:#e3eeff;--wash:#eef5ff}.pj-flow-step.tone-sky{--tone:#1a7ee8;--soft:#e2f0ff;--wash:#eef6ff}.pj-flow-step.tone-purple,.pj-flow-step.tone-violet{--tone:#7c3aed;--soft:#efe7ff;--wash:#f6f1ff}.pj-flow-step.tone-green{--tone:#15a34a;--soft:#e2f6ea;--wash:#eefaf3}.pj-flow-step.tone-orange{--tone:#f07a0c;--soft:#fed;--wash:#fff6ec}.pj-flow-step.tone-indigo{--tone:#4f46e5;--soft:#e8e8ff;--wash:#f2f2ff}.pj-flow-step.tone-slate{--tone:#475569;--soft:#eef2f6;--wash:#f6f8fb}.pj-flow-step.is-done{border-color:#bfe8cf;box-shadow:inset 4px 0 #16a34a,0 14px 30px -28px #0f2440b3}.pj-flow-step.is-doing{border-color:#c9dbfb;box-shadow:inset 4px 0 #1f6fe5,0 14px 30px -28px #0f2440b3}.pj-flow-icon{color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--tone) 80%,#fff),var(--tone));width:64px;height:64px;box-shadow:0 12px 22px -14px var(--tone);border-radius:20px;flex-shrink:0;place-items:center;display:grid;position:relative}.pj-flow-badge{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-5px;right:-5px}.pj-flow-badge.is-done{background:#16a34a}.pj-flow-badge.is-doing{background:#1f6fe5}.pj-flow-text{border-left:1px solid #e3e8f2;flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;padding-left:16px;display:flex}.pj-flow-text>b{color:var(--navy);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:1.18rem;font-weight:900}.pj-flow-status{font:inherit;color:#475569;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-size:.92rem;display:inline-flex}span.pj-flow-status{cursor:default}.pj-flow-status i{background:#fff;border:2px solid #94a3b8;border-radius:50%;width:11px;height:11px}.pj-flow-status.is-doing{color:#1f6fe5;font-weight:800}.pj-flow-status.is-doing i{background:#1f6fe5;border-color:#1f6fe5;box-shadow:0 0 0 3px #dbe8ff}.pj-flow-status.is-done{color:#15803d;font-weight:800}.pj-flow-status.is-done i{background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 3px #d5f3e1}.pj-flow-status.is-waiting i{background:#f59e0b;border-color:#f59e0b}.pj-flow-pick{flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px;display:grid}.pj-flow-pick button{font:inherit;color:#475569;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:6px 12px;font-size:.86rem;font-weight:800;display:inline-flex}.pj-flow-pick button.is-doing[aria-pressed=true],.pj-flow-pick button.is-doing:hover{color:#fff;background:#1f6fe5;border-color:#1f6fe5}.pj-flow-pick button.is-done[aria-pressed=true],.pj-flow-pick button.is-done:hover{color:#fff;background:#16a34a;border-color:#16a34a}.pj-flow-pick button.is-todo[aria-pressed=true],.pj-flow-pick button.is-todo:hover{color:#fff;background:#475569;border-color:#475569}.pj-flow-metrics{flex-wrap:wrap;gap:6px;display:flex}.pj-flow-metric{color:var(--tone);background:var(--soft);border-radius:999px;align-items:center;gap:7px;padding:5px 14px;font-size:.95rem;font-style:normal;font-weight:800;display:inline-flex}.pj-flow-metric.is-plain{color:#475569;background:#eef2f6}.pj-flow-go{width:50px;height:50px;color:var(--blue);background:#e3edff;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.pj-flow-new{flex-direction:column;align-items:center;gap:10px;display:flex}.pj-flow-new-field{color:#64748b;background:#fff;border:1px solid #dbe3ef;border-radius:18px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.pj-flow-new-field input{font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:1rem}.pj-flow-new-btn{border-radius:999px;padding:11px 34px;font-size:1.05rem;font-weight:800}@media (max-width:560px){.pj-flow-head h3{font-size:1.35rem}.pj-flow-head-icon{border-radius:16px;width:50px;height:50px}.pj-flow-count{padding:7px 12px;font-size:.88rem}.pj-flow-step{border-radius:22px;gap:12px;padding:14px 12px}.pj-flow-icon{border-radius:17px;width:54px;height:54px}.pj-flow-text{padding-left:12px}.pj-flow-text>b{font-size:1.05rem}.pj-flow-metric{padding:4px 11px;font-size:.86rem}.pj-flow-go{width:42px;height:42px}}.pj-flow-pick button{white-space:nowrap}@media (max-width:560px){.pj-flow-pick{gap:6px}.pj-flow-pick button{gap:4px;padding:7px 6px;font-size:.8rem}}
