:root{--text:#475569;--text-strong:#0f172a;--text-muted:#94a3b8;--bg:#fafcfa;--card:#fff;--border:#0f172a12;--accent:#44d9e6;--accent-strong:#0d9488;--accent-soft:#ccfbf1;--star:#f97316;--serif:"Georgia", "Times New Roman", Cambria, serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:system-ui, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;background-image:radial-gradient(45vw 45vw at 0 0,#cffafe99,#0000 70%),radial-gradient(50vw 55vw at 100% 18%,#a7f3d080,#0000 70%);background-repeat:no-repeat;background-attachment:fixed;margin:0}.header{z-index:50;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:10px;display:flex}.brand-logo{gap:2px;display:flex}.brand-logo span{background:var(--text-strong);border-radius:999px;width:6px;height:20px}.brand-name{letter-spacing:-.02em;color:var(--text-strong);font-size:28px;font-weight:700}.brand-sub{font-family:var(--mono);color:var(--text-muted);font-size:12px}.tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0000000d}.tab{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:11px 30px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.tab:hover{color:var(--text-strong)}.tab.active{color:var(--text-strong);background:#fff;box-shadow:0 1px 2px #00000014}.tab-badge{font-family:var(--mono);color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.action-btn{cursor:pointer;color:var(--text-strong);background:var(--accent);border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .2s;display:flex;box-shadow:0 1px 3px #00000014}.action-btn:hover{background:#34c6d3}.app{z-index:1;max-width:820px;margin:0 auto;padding:140px 24px 80px;position:relative}.hero{text-align:center;margin-bottom:64px}.hero h1{font-family:var(--serif);letter-spacing:-.03em;color:var(--text-strong);margin:0 0 16px;font-size:48px;font-weight:500;line-height:1.1}.hero p{font-family:var(--mono);color:var(--text);margin:0;font-size:14px}.overall{max-width:420px;margin:44px auto 0}.overall-meta{font-family:var(--mono);color:var(--text-muted);justify-content:space-between;margin-bottom:10px;font-size:12px;display:flex}.overall-track{background:#0f172a0f;border-radius:999px;height:11px}.overall-fill{background:linear-gradient(90deg,#2dd4bf,#44d9e6);border-radius:999px;height:100%;transition:width .5s;position:relative}.overall-fill:after{content:"";background:#44d9e6;border-radius:42% 58% 60% 40%/55% 45%;width:13px;height:13px;animation:1.8s ease-in-out infinite squiggle;position:absolute;top:50%;right:-3px;transform:translateY(-50%)}@keyframes squiggle{0%,to{border-radius:42% 58% 60% 40%/55% 45%;transform:translateY(-50%)rotate(0)}50%{border-radius:60% 40% 45% 55%/42% 58% 45% 55%;transform:translateY(-50%)rotate(140deg)}}.direction{margin-bottom:56px}.direction-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;display:flex}.direction-name{font-family:var(--serif);letter-spacing:-.02em;color:var(--text-strong);align-items:center;gap:12px;margin:0;font-size:28px;font-weight:500;display:flex}.direction-num{font-family:var(--mono);color:var(--text-muted);font-size:16px;font-weight:400}.department{margin-bottom:28px}.department-head{width:100%;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 8px;transition:background .15s;display:flex}.department-head:hover{background:#0f172a08}.chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.chevron.open{transform:rotate(90deg)}.department-name{font-family:var(--serif);color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:600;display:inline-flex}.progress{font-family:var(--mono);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;box-shadow:0 1px 2px #0000000d}.report-row{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:18px;align-items:center;gap:16px;margin:10px 0;padding:18px 22px;transition:all .25s;display:flex;box-shadow:0 8px 30px #0000000a}.report-row:hover{box-shadow:0 20px 40px -12px #0000001f}.report-row.done{box-shadow:none;opacity:.6;background:#fff6;border-color:#0000}.report-row.done:hover{opacity:1}.report-main{flex:1;align-items:baseline;gap:8px;min-width:0;display:flex}.report-num{font-family:var(--mono);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.report-title{letter-spacing:-.01em;text-transform:uppercase;color:var(--text-strong);font-size:15px;font-weight:600}.report-row.done .report-title{color:var(--text-muted);font-weight:500;-webkit-text-decoration:line-through #cbd5e1;text-decoration:line-through #cbd5e1}.status-dot{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:9px;height:9px;padding:0;transition:transform .15s}.status-dot:hover{transform:scale(1.3)}.status-dot.not_started{background:#fb7185}.status-dot.in_progress{background:#fbbf24}.status-dot.waiting{background:#2dd4bf}.status-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:700}.status-label.not_started{color:#e11d48}.status-label.in_progress{color:#d97706}.status-label.waiting{color:#0d9488}.status-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);background:var(--accent-soft);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:700}.done-date{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:inline-flex}.done-btn{font-family:var(--mono);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:12px;font-weight:700;transition:color .2s}.done-btn:hover{color:var(--text-strong)}.undo-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:inline-flex}.undo-btn:hover{color:var(--text-strong);background:#0f172a0d}.panel-overlay{z-index:55;background:#0f172a14;animation:.25s overlay-in;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.panel{z-index:60;-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);background:linear-gradient(135deg,#ffffffd1,#ffffffa8);border-left:1px solid #ffffff8c;width:380px;max-width:90vw;height:100vh;padding:80px 32px 32px;animation:.25s panel-in;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-24px 0 70px -24px #00000038,inset 1px 0 #ffffffb3}@keyframes panel-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.panel-close{width:32px;height:32px;color:var(--text);cursor:pointer;background:#0f172a0d;border:none;border-radius:999px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.panel-close:hover{color:var(--text-strong);background:#0f172a1a}.panel-id{font-family:var(--mono);color:var(--text-muted);margin-bottom:8px;font-size:13px}.panel-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--text-strong);margin:0 0 24px;font-size:24px;font-weight:500;line-height:1.2}.panel-field{border-top:1px solid var(--border);flex-direction:column;gap:5px;padding:14px 0;display:flex}.panel-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px}.panel-value{color:var(--text-strong);font-size:15px}.panel-value a{color:var(--accent-strong);text-decoration:none;display:block}.panel-value a:hover{text-decoration:underline}.panel-action{background:var(--accent);width:100%;color:var(--text-strong);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:28px;padding:12px;font-size:14px;font-weight:700;transition:background .2s;display:flex}.panel-action:hover{background:#34c6d3}.stage-picker{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.stage-chip{font-family:var(--mono);cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:#fff;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;transition:all .15s}.stage-chip:hover{color:var(--text-strong)}.stage-chip.active.not_started{color:#e11d48;background:#ffe4e6;border-color:#fecdd3}.stage-chip.active.in_progress{color:#d97706;background:#fef3c7;border-color:#fde68a}.stage-chip.active.waiting{color:#0d9488;background:#ccfbf1;border-color:#99f6e4}.stage-chip.active.done{color:#334155;background:#e2e8f0;border-color:#cbd5e1}.panel-hint{font-family:var(--mono);color:var(--text-muted);margin-top:8px;font-size:12px;display:block}.panel-notes{flex-direction:column;gap:8px;margin-top:4px;display:flex}.panel-notes-empty{color:var(--text-muted);font-size:13px}.panel-note{color:var(--text-strong);background:#0f172a0a;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.panel-note-del{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;transition:color .15s}.panel-note-del:hover{color:#e11d48}.panel-note-form{gap:6px;margin-top:10px;display:flex}.panel-note-form input{border:1px solid var(--border);min-width:0;font:inherit;color:var(--text-strong);background:#fff9;border-radius:10px;outline:none;flex:1;padding:9px 12px;font-size:13px}.panel-note-form input:focus{border-color:#99f6e4}.panel-note-form button{background:var(--accent);width:38px;color:var(--text-strong);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;font-size:18px;font-weight:700;transition:background .2s}.panel-note-form button:hover{background:#34c6d3}.report-notes-count{font-family:var(--mono);color:var(--text-muted);flex-shrink:0;align-items:center;gap:3px;font-size:12px;display:inline-flex}.notes-hero{text-align:center;margin-bottom:40px}.notes-hero h1{font-family:var(--serif);letter-spacing:-.03em;color:var(--text-strong);margin:0 0 18px;font-size:48px;font-weight:500;line-height:1.1}.notes-hero p{font-family:var(--mono);color:var(--text);margin:0 0 18px;font-size:14px;line-height:1.6}.notes-cta{cursor:pointer;color:var(--text-strong);background:0 0;border:none;align-items:center;gap:4px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.notes-cta:hover{opacity:.6}.note-input{border:1px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:8px;margin-bottom:32px;padding:8px;display:flex;box-shadow:0 8px 30px #0000000a}.note-body-input{font-family:var(--mono);color:var(--text-strong);background:0 0;border:none;outline:none;flex:1;padding:10px 14px;font-size:14px}.note-body-input::placeholder{color:var(--text-muted)}.note-send{background:var(--accent);color:var(--text-strong);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;padding:12px 24px;font-size:14px;font-weight:700;transition:background .2s}.note-send:hover{background:#34c6d3}.note-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=640px){.note-grid{grid-template-columns:1fr}}.notes-empty{text-align:center;color:var(--text-muted);font-family:var(--mono);grid-column:1/-1;padding:40px 0;font-size:14px}.note-card{border:1px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 40px -12px #00000014}.note-card:hover{transform:translateY(-3px);box-shadow:0 24px 50px -16px #00000024}.note-card.pinned{border-color:#99f6e4;box-shadow:0 10px 40px -12px #2dd4bf38}.note-meta{font-family:var(--mono);color:var(--text-muted);align-items:center;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.note-sep{color:#cbd5e1}.note-text{letter-spacing:-.01em;color:var(--text-strong);margin:0 0 20px;font-size:17px;font-weight:600;line-height:1.45}.note-actions{align-items:center;gap:14px;margin-top:auto;display:flex}.note-edit-actions{align-items:center;gap:8px;margin-top:auto;display:flex}.note-edit-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s,transform .15s;display:inline-flex}.note-edit-icon:hover{color:var(--text-strong);transform:scale(1.15)}.note-pin{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s,transform .15s;display:inline-flex;position:absolute;top:18px;right:18px}.note-pin:hover{color:var(--accent-strong);transform:scale(1.15)}.note-pin.active{color:var(--accent-strong)}.note-delete{color:#fb7185;cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s,transform .15s;display:inline-flex}.note-delete:hover{color:#e11d48;transform:scale(1.15)}.status-summary{font-family:var(--mono);color:var(--text-muted);justify-content:center;gap:16px;margin-top:12px;font-size:12px;display:flex}.status-summary span{align-items:center;display:inline-flex}.sdot{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.sdot.not_started{background:#fb7185}.sdot.in_progress{background:#fbbf24}.sdot.waiting{background:#2dd4bf}.sdot.done{background:#64748b}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:36px;display:flex}.search{border:1px solid var(--border);min-width:0;color:var(--text-muted);background:#fff;border-radius:999px;flex:0 260px;align-items:center;gap:8px;padding:9px 14px;display:flex}.search input{font:inherit;color:var(--text-strong);background:0 0;border:none;outline:none;flex:1;font-size:14px}.search input::placeholder{color:var(--text-muted)}.filter-dropdown{flex-shrink:0;position:relative}.filter-trigger{border:1px solid var(--border);color:var(--text-strong);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.caret{color:var(--text-muted);transition:transform .2s}.caret.open{transform:rotate(180deg)}.filter-menu{z-index:40;-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:#ffffff59;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.15s dropdown-in;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px -16px #00000038,inset 0 1px #fff9}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-option{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:9px 12px;font-size:14px;font-weight:600;transition:all .12s}.filter-option:hover{color:var(--text-strong);background:#0f172a0f}.filter-option.active{background:var(--accent-soft);color:var(--accent-strong)}.board-empty{text-align:center;color:var(--text-muted);font-family:var(--mono);padding:40px 0;font-size:14px}.note-edit{resize:vertical;width:100%;min-height:80px;color:var(--text-strong);border:1px solid #99f6e4;border-radius:12px;outline:none;margin-bottom:16px;padding:10px 12px;font-family:inherit;font-size:15px;line-height:1.45}.note-save{background:var(--accent);color:var(--text-strong);font-family:var(--mono);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.note-save:hover{background:#34c6d3}.note-cancel{color:var(--text-muted);font-family:var(--mono);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.note-cancel:hover{color:var(--text-strong)}