: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;--header-height: 60px}*{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}.product-toolbar,.product-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.product-tabs{display:flex;gap:3px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-pill);padding:3px;margin-right:auto}.product-tabs button{border:0;background:transparent;border-radius:var(--radius-pill);padding:6px 15px}.product-tabs button[aria-selected=true],.product-toolbar button[aria-pressed=true]{background:var(--color-primary);color:var(--color-text-inverse)}.product-filters input,.product-filters select,.product-form input,.product-form select,.product-form textarea{border:1px solid var(--color-border-input);border-radius:var(--radius-control-sm);padding:8px}.product-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card-lg);overflow:hidden}.product-cover{height:178px;background:var(--color-sidebar-bg);color:var(--color-sidebar-text-muted);display:flex;align-items:center;justify-content:center;position:relative;font-size:38px}.product-cover img{width:100%;height:100%;object-fit:cover}.product-cover span{position:absolute;top:10px;left:10px;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-pill);padding:3px 10px;font-size:10px}.product-card-body{padding:13px 15px;display:flex;flex-direction:column;gap:9px}.product-card-body h3{margin:0}.product-card-body>small{color:var(--color-text-tertiary)}.product-price{font-size:17px;font-weight:800;color:var(--color-primary)}.product-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.product-stat-grid span{background:var(--color-surface-light-1);padding:7px;text-align:center;font-size:10px}.product-stat-grid small{display:block;color:var(--color-text-faint)}.product-table-wrap{overflow-x:auto}.product-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-bottom:12px}.product-form label{display:flex;flex-direction:column;gap:4px;font-size:12px}.product-form-wide{grid-column:1/-1}@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)}}.sidebar{display:flex;flex-direction:column;width:var(--sidebar-width-expanded);background:var(--color-sidebar-bg);flex-shrink:0;transition:width .18s ease;padding:10px 8px 16px;overflow-x:hidden}.sidebar.is-collapsed{width:var(--sidebar-width-collapsed);padding:10px 6px 16px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 6px 14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:10px}.sidebar-brand-mark{width:32px;height:32px;min-width:32px;border-radius:var(--radius-control-lg);background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px}.sidebar-brand-name{color:var(--color-text-inverse);font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{margin-left:auto;border:none;background:transparent;color:var(--color-sidebar-text-muted);width:24px;height:24px;border-radius:var(--radius-control-sm);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px}.sidebar-toggle:hover{background:var(--color-sidebar-hover-bg);color:var(--color-text-inverse)}.sidebar.is-collapsed .sidebar-brand{flex-direction:column;justify-content:center;padding:8px 0 14px;gap:8px}.sidebar.is-collapsed .sidebar-brand-name{display:none}.sidebar-groups{flex:1;overflow-y:auto}.sidebar-group{margin-bottom:18px}.sidebar-group-label{color:var(--color-sidebar-text-faint);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px}.sidebar.is-collapsed .sidebar-group-label{display:none}.nav-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:transparent;color:var(--color-sidebar-text-muted);padding:8px 10px;margin:1px 0;border-radius:var(--radius-control-sm);cursor:pointer;font-size:13px;font-family:inherit;border-left:3px solid transparent;transition:background .12s ease,color .12s ease}.nav-item:hover{background:var(--color-sidebar-hover-bg);color:var(--color-text-inverse)}.nav-item.is-active{background:var(--color-sidebar-hover-bg);color:var(--color-text-inverse);border-left-color:var(--color-primary);font-weight:600}.nav-item-icon{width:18px;text-align:center;flex-shrink:0}.sidebar.is-collapsed .nav-item{justify-content:center;padding:9px 0;border-left:none}.sidebar.is-collapsed .nav-item-label{display:none}.topbar{position:sticky;top:0;z-index:5;min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-card)}.topbar-crumb{font-size:11px;color:var(--color-text-tertiary)}.topbar-title{font-size:16px;font-weight:700}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-avatar{width:30px;height:30px;border-radius:50%;background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}.topbar-username{font-size:13px;color:var(--color-text-secondary)}.logout-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-control-sm);padding:7px 13px;cursor:pointer;font-size:12.5px;transition:background .12s ease}.logout-button:hover{background:var(--color-surface-light-3)}.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;background:var(--color-bg-app);padding:20px}.login-card{background:var(--color-surface);padding:34px 30px;border-radius:var(--radius-card-lg);box-shadow:var(--shadow-card-hover);width:340px;border:1px solid var(--color-border)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px}.login-brand-mark{width:46px;height:46px;border-radius:var(--radius-control-lg);background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}.login-brand h1{font-size:16px;margin:0;font-weight:700}.login-field{display:block;width:100%;margin-bottom:10px;padding:10px 12px;border:1px solid var(--color-border-input);border-radius:var(--radius-control-sm);font-size:13.5px;transition:border-color .12s ease}.login-field:focus{outline:none;border-color:var(--color-primary)}.login-submit{width:100%;padding:11px;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-control-lg);cursor:pointer;font-size:13.5px;font-weight:700;transition:background .12s ease}.login-submit:hover:not(:disabled){background:var(--color-primary-hover)}.login-submit:disabled{opacity:.7;cursor:default}.theme-form{display:flex;flex-direction:column;gap:16px;max-width:640px}.theme-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.theme-color-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-secondary)}.theme-color-input{display:flex;align-items:center;gap:8px}.theme-color-input input[type=color]{width:38px;height:32px;padding:0;border:1px solid var(--color-border-input);border-radius:var(--radius-control-sm);cursor:pointer}.theme-color-input input:not([type=color]){flex:1;border:1px solid var(--color-border-input);border-radius:var(--radius-control-sm);padding:7px 9px;font-family:monospace}.theme-preview{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-card);border:1px solid var(--color-border)}.theme-preview-sidebar{color:var(--color-text-inverse);padding:10px 16px;border-radius:var(--radius-control-sm);font-weight:700;font-size:13px}