:root{--color-primary: #0e6e6b;--color-primary-hover: #0a504e;--color-primary-bg: #e6f2f1;--color-bg-app: #eef2f1;--color-text-primary: #15202b;--color-text-secondary: #44505e;--color-text-tertiary: #66727e;--color-text-faint: #8a95a0;--color-text-faint-2: #9aa7b0;--color-text-inverse: #ffffff;--color-border: #e2e8e6;--color-border-input: #d5dde2;--color-surface: #ffffff;--color-surface-light-1: #f4f7f6;--color-surface-light-2: #f9fbfa;--color-surface-light-3: #eef0f3;--color-sidebar-bg: #101f1e;--color-sidebar-text-muted: #7fa5a2;--color-sidebar-text-faint: #5c7a78;--color-sidebar-hover-bg: rgba(255, 255, 255, .08);--color-status-red-fg: #c0392b;--color-status-red-bg: #fbeae7;--color-status-amber-fg: #8a6d1f;--color-status-amber-accent: #e0a63a;--color-status-amber-bg: #f7f1de;--color-status-blue-fg: #2a5d8f;--color-status-blue-bg: #e9f0fa;--color-status-purple-fg: #3a2f4d;--color-status-purple-bg: #ece7f3;--color-status-gray-fg: #5b6470;--color-status-gray-bg: #eef0f3;--color-kanban-column: #e9efee;--color-drop-target: #d8ebe8;--color-today: #c0392b;--color-overlay: rgba(16, 31, 30, .45);--font-family-base: "Be Vietnam Pro", sans-serif;--radius-pill: 99px;--radius-card: 12px;--radius-card-lg: 14px;--radius-control-sm: 8px;--radius-control-lg: 10px;--shadow-card: 0 1px 2px rgba(16, 31, 30, .06);--shadow-card-hover: 0 5px 14px rgba(16, 31, 30, .13);--sidebar-width-expanded: 236px;--sidebar-width-collapsed: 62px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-base);background:var(--color-bg-app);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}a{color:var(--color-primary)}a:hover{color:var(--color-primary-hover)}input::placeholder,textarea::placeholder{color:var(--color-text-faint-2)}select,input,textarea,button{font-family:inherit}button{cursor:pointer}.p2-view{display:flex;flex-direction:column;gap:14px;animation:fadeUp .3s ease}.view-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.view-heading h2{margin:0 0 4px;font-size:18px}.view-heading p{margin:0;color:var(--color-text-tertiary);font-size:12px}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px;box-shadow:var(--shadow-card)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.card-title,.button-row,.tab-row,.month-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.card-title strong{flex:1}.status-pill{background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-pill);padding:3px 8px;font-size:10px}.panel p{font-size:12px;color:var(--color-text-secondary)}.primary-button{border:0;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-control-sm);padding:8px 14px;font-weight:700}.danger-button{color:var(--color-status-red-fg)}.error-box{color:var(--color-status-red-fg);background:var(--color-status-red-bg);padding:10px;border-radius:var(--radius-control-sm)}.notice-box{color:var(--color-status-amber-fg);background:var(--color-status-amber-bg);padding:10px;border-radius:var(--radius-control-sm)}.form-grid,.task-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.form-grid input,.form-grid textarea,.form-grid select,.task-form input,.funnel-editor input,.funnel-editor textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-control-sm);padding:8px;width:100%}.persona-picker{text-align:left;display:flex;flex-direction:column;gap:8px}.tab-row button[aria-selected=true]{background:var(--color-primary);color:var(--color-text-inverse)}.funnel-editor{display:flex;flex-direction:column;gap:10px}.funnel-columns,.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.mini-card{background:var(--color-surface-light-1);padding:9px;border-radius:var(--radius-control-sm);margin-top:6px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--color-border)}.kanban-grid{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:10px;overflow-x:auto}.kanban-column{background:var(--color-kanban-column);border:2px dashed transparent;border-radius:var(--radius-card-lg);padding:10px;min-height:180px}.kanban-column.is-over{background:var(--color-drop-target);border-color:var(--color-primary)}.kanban-column header{display:flex;justify-content:space-between;margin-bottom:9px}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:10px;margin-bottom:8px}.task-card small{display:block;color:var(--color-text-tertiary);margin-top:5px}.gantt-scroll{overflow-x:auto}.gantt{min-width:900px}.gantt-header,.gantt-row{border-bottom:1px solid var(--color-border)}.gantt-days,.gantt-row{display:grid;grid-template-columns:270px 1fr}.gantt-days{margin-left:270px;display:grid;grid-template-columns:repeat(var(--days),1fr)}.gantt-days span{text-align:center;font-size:10px;border-left:1px solid var(--color-border)}.gantt-days small{display:block}.gantt-row{display:grid}.gantt-name{padding:8px;display:flex;gap:7px;align-items:center}.gantt-name small{margin-left:auto}.gantt-track{position:relative;min-height:34px;background:repeating-linear-gradient(90deg,var(--color-surface),var(--color-surface) 20px,var(--color-surface-light-1) 21px)}.gantt-bar{position:absolute;top:7px;height:20px;border-radius:6px;color:var(--color-text-inverse);font-size:10px;padding:3px 6px;overflow:hidden;background:var(--color-text-faint)}.stage-doing{background:var(--color-status-blue-fg)}.stage-review{background:var(--color-status-amber-accent)}.stage-done{background:var(--color-primary)}.today-line{position:absolute;z-index:2;top:0;bottom:0;width:2px;background:var(--color-today)}.gantt-track em{font-size:10px;color:var(--color-text-faint);padding:9px;display:block}@media (max-width:900px){.kanban-grid{grid-template-columns:repeat(4,240px)}}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.overview-grid article{display:flex;flex-direction:column;gap:5px}.overview-grid strong{font-size:20px}.overview-grid span,.overview-grid small{font-size:10px;color:var(--color-text-tertiary)}.funnel-summary,.task-summary{display:flex;gap:7px;overflow-x:auto}.funnel-summary button,.task-summary button{min-width:110px;border:1px solid var(--color-border);background:var(--color-surface-light-2);border-radius:var(--radius-control-lg);padding:9px;text-align:left}.funnel-summary span,.funnel-summary small{display:block;color:var(--color-text-tertiary)}.task-summary button{display:flex;justify-content:space-between}.demo-control-row{display:flex;justify-content:flex-end;margin-bottom:8px}.demo-clear-button{border:1px solid var(--color-status-red-fg);color:var(--color-status-red-fg);background:var(--color-surface);border-radius:var(--radius-control-sm);padding:6px 10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}