.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-w);background:var(--c-charcoal-900);display:flex;flex-direction:column;z-index:100;transition:width var(--dur-normal) var(--ease);overflow:hidden;border-right:1px solid var(--c-charcoal-700)}.sidebar--collapsed{width:var(--sidebar-w-collapsed)}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar__logo{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff;font-weight:var(--fw-bold);font-size:var(--text-sm);letter-spacing:1px}.sidebar__brand-text{color:var(--c-ink-on-dark);font-weight:var(--fw-semi);font-size:var(--text-lg);white-space:nowrap}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-2) var(--sp-2);overflow-y:auto}.sidebar__link{display:flex;align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-sm);color:var(--c-ink-on-dark-soft);text-decoration:none;font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.sidebar__link:hover{background:var(--c-charcoal-700);color:var(--c-ink-on-dark)}.sidebar__link--active{background:var(--c-charcoal-700);color:var(--c-bronze-glow);position:relative}.sidebar__link--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:var(--r-full);background:var(--c-bronze)}.sidebar__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-top:1px solid var(--c-charcoal-700)}.sidebar__user{display:flex;align-items:center;gap:var(--sp-3);overflow:hidden;min-width:0}.sidebar__avatar{flex-shrink:0;width:32px;height:32px;border-radius:var(--r-full);background:var(--c-charcoal-600);color:var(--c-bronze-glow);font-weight:var(--fw-semi);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center}.sidebar__user-info{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{color:var(--c-ink-on-dark);font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{color:var(--c-ink-on-dark-soft);font-size:var(--text-xs)}.sidebar__logout{background:none;border:none;color:var(--c-ink-on-dark-soft);cursor:pointer;padding:var(--sp-2);border-radius:var(--r-sm);display:flex;align-items:center;transition:color var(--dur-fast) var(--ease)}.sidebar__logout:hover{color:var(--c-danger)}.sidebar--collapsed .sidebar__link{justify-content:center;padding:10px}.sidebar--collapsed .sidebar__brand{justify-content:center;padding:var(--sp-5) var(--sp-2)}.sidebar--collapsed .sidebar__footer{flex-direction:column;gap:var(--sp-2)}.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__user-name,.sidebar--collapsed .sidebar__user-role{display:none}@media(max-width:768px){.sidebar{position:fixed;top:auto;bottom:0;left:0;width:100%!important;height:auto;flex-direction:row;border-right:none;border-top:1px solid var(--c-charcoal-700);padding:0}.sidebar__brand,.sidebar__footer{display:none}.sidebar__nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:var(--sp-1) var(--sp-2);gap:0;width:100%;justify-content:space-around}.sidebar__link{flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-2);font-size:var(--text-xs);min-width:0;flex-shrink:0}.sidebar__link--active:before{top:auto;bottom:0;left:4px;right:4px;width:auto;height:3px}}.app-layout{min-height:100vh}.app-content{margin-left:var(--sidebar-w);min-height:100vh;position:relative;transition:margin-left var(--dur-normal) var(--ease)}.app-content--expanded{margin-left:var(--sidebar-w-collapsed)}.app-content__bg{position:fixed;top:0;left:var(--sidebar-w);right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none}.app-content--expanded .app-content__bg{left:var(--sidebar-w-collapsed)}.app-content__dim{position:fixed;top:0;left:var(--sidebar-w);right:0;bottom:0;background:var(--c-surface);z-index:1;pointer-events:none}.app-content--expanded .app-content__dim{left:var(--sidebar-w-collapsed)}.app-content__inner{position:relative;z-index:2;padding:var(--sp-6) var(--sp-8);max-width:1200px;width:100%;margin:0 auto}@media(max-width:768px){.app-content,.app-content--expanded{margin-left:0;padding-bottom:72px}.app-content__bg,.app-content__dim{left:0}.app-content__inner{padding:var(--sp-4)}}.app-hamburger{position:fixed;top:12px;left:12px;z-index:200;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink-soft);cursor:pointer;box-shadow:0 2px 8px #0003;transition:all .15s}.app-hamburger:hover{color:var(--c-bronze);border-color:var(--c-bronze)}.ss{position:relative;width:100%}.ss-input{width:100%;padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:#fff;outline:none;transition:border-color var(--dur-fast) var(--ease)}.ss-input:focus{border-color:var(--c-bronze)}.ss-dropdown{position:absolute;top:100%;left:0;right:0;max-height:220px;overflow-y:auto;background:var(--c-surface-card);border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);box-shadow:var(--shadow-md);z-index:300;margin-top:2px}.ss-option{padding:7px 12px;font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;gap:6px}.ss-option:hover{background:var(--c-surface-dim)}.ss-option--selected{background:#c9954a1a;color:var(--c-bronze-dim);font-weight:var(--fw-medium)}.ss-option--create{color:var(--c-bronze);font-weight:var(--fw-medium);border-top:1px solid var(--c-surface-dim)}.ss-check{font-size:14px;line-height:1;flex-shrink:0}.ss-empty{padding:10px 12px;font-size:var(--text-xs);color:var(--c-ink-muted);text-align:center}.ss-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.ss-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--r-full);background:var(--c-surface-dim);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--c-ink-soft)}.ss-tag button{background:none;border:none;cursor:pointer;color:var(--c-ink-muted);font-size:14px;padding:0 2px;line-height:1}.ss-tag button:hover{color:var(--c-danger)}.cf-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--sp-4)}.cf-modal{background:var(--c-surface-card);border-radius:var(--r-lg);width:100%;max-width:600px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.cf-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-surface-dim);flex-shrink:0}.cf-header h2{font-size:var(--text-lg);font-weight:var(--fw-semi)}.cf-close{background:none;border:none;cursor:pointer;color:var(--c-ink-soft);padding:var(--sp-1);border-radius:var(--r-sm);display:flex}.cf-close:hover{color:var(--c-ink)}.cf-body{padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-4);overflow-y:auto;flex:1;min-height:0}.cf-row{display:flex;gap:var(--sp-4)}.cf-row>.cf-field{flex:1}.cf-field--small{max-width:120px}.cf-field{display:flex;flex-direction:column;gap:var(--sp-1)}.cf-field label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--c-ink-soft)}.cf-req{color:var(--c-danger)}.cf-field input,.cf-field select,.cf-field textarea{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:#fff;transition:border-color var(--dur-fast) var(--ease);outline:none;width:100%}.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{border-color:var(--c-bronze)}.cf-field textarea{resize:vertical}.cf-dup-warn{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-xs);color:var(--c-warning);background:#d4922a14;margin-top:var(--sp-1)}.cf-dup-warn svg{flex-shrink:0;margin-top:1px}.cf-dup-warn--danger{color:var(--c-danger);background:#c9444414}.cf-error{color:var(--c-danger);font-size:var(--text-sm);text-align:center}.cf-actions{display:flex;justify-content:flex-end;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--c-surface-dim)}.cf-btn{padding:8px 20px;border:none;border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-main);cursor:pointer;transition:opacity var(--dur-fast) var(--ease)}.cf-btn--ghost{background:transparent;color:var(--c-ink-soft)}.cf-btn--ghost:hover{color:var(--c-ink)}.cf-btn--primary{background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff}.cf-btn--primary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.cf-overlay{padding:var(--sp-2)}.cf-row{flex-direction:column;gap:var(--sp-3)}.cf-field--small{max-width:none}}.mg-banner{background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-warning);border-radius:12px;margin-bottom:var(--sp-5);overflow:hidden}.mg-banner-header{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;color:var(--c-warning);font-size:var(--text-sm);font-weight:600}.mg-hide{margin-left:auto;font-size:var(--text-xs);color:var(--c-ink-soft);font-weight:400}.mg-collapsed{display:flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-warning);border-radius:8px;cursor:pointer;color:var(--c-warning);font-size:var(--text-sm);font-weight:500}.mg-item{padding:8px 16px;border-top:1px solid var(--c-border-soft, rgba(255,255,255,.06));display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between}.mg-item--overdue{background:#ef44440f}.mg-item-info{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;flex:1;min-width:180px}.mg-item-date{font-size:var(--text-xs);color:var(--c-ink-soft);font-variant-numeric:tabular-nums}.mg-item-content{font-size:var(--text-sm);color:var(--c-ink)}.mg-item-customer{font-size:var(--text-xs);color:var(--c-bronze-dim)}.mg-item-doi{font-size:var(--text-xs);color:var(--c-danger)}.mg-item-actions{display:flex;flex-wrap:wrap;gap:4px}.mg-btn{font-size:11px;padding:3px 8px;border-radius:5px;border:1px solid var(--c-border);background:transparent;color:var(--c-ink-soft);cursor:pointer;display:inline-flex;align-items:center;gap:3px}.mg-btn:hover{opacity:.8}.mg-btn--success{border-color:var(--c-success);color:var(--c-success)}.mg-btn--success:hover{background:var(--c-success);color:#fff}.mg-btn--info{border-color:var(--c-info);color:var(--c-info)}.mg-btn--ghost{border-color:transparent}.mg-btn--sm{padding:2px 6px}.mg-date-input{font-size:11px;padding:2px 4px;border-radius:4px;border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-ink);width:120px}.hp-greeting{margin-bottom:var(--sp-6)}.hp-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--c-ink)}.hp-sub{color:var(--c-ink-soft);margin-top:var(--sp-1)}.hp-streak{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);padding:4px 12px;border-radius:var(--r-full);background:linear-gradient(135deg,#c9954a1f,#c9954a0f);color:var(--c-bronze);font-size:var(--text-sm);font-weight:var(--fw-medium)}.hp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-4);margin-bottom:var(--sp-6)}.hp-stat{display:flex;align-items:center;gap:var(--sp-3);background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm);border-left:4px solid}.hp-stat-icon{flex-shrink:0}.hp-stat-label{font-size:var(--text-sm);color:var(--c-ink-soft);margin-bottom:2px}.hp-stat-value{font-size:var(--text-xl);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}.hp-section{background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-5);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-5)}.hp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.hp-section-title{font-size:var(--text-base);font-weight:var(--fw-semi);display:flex;align-items:center;gap:var(--sp-2)}.hp-section-title--danger{color:var(--c-danger)}.hp-add-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:6px 12px;border:none;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff;font-size:var(--text-sm);font-family:var(--font-main);cursor:pointer}.hp-loading,.hp-empty{text-align:center;color:var(--c-ink-muted);padding:var(--sp-6);font-size:var(--text-sm)}.hp-task-list{display:flex;flex-direction:column;gap:var(--sp-2)}.hp-task{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease)}.hp-task:hover{background:var(--c-surface)}.hp-task--overdue{border-left:3px solid var(--c-danger);padding-left:calc(var(--sp-3) - 3px)}.hp-task--done{opacity:.5}.hp-task-toggle{background:none;border:none;cursor:pointer;padding:2px;flex-shrink:0;display:flex}.hp-check--done{color:var(--c-success)}.hp-check--doing{color:var(--c-warning)}.hp-check--todo{color:var(--c-ink-muted)}.hp-task-body{flex:1;min-width:0}.hp-task-content{font-size:var(--text-sm);color:var(--c-ink);margin-bottom:2px;word-break:break-word}.hp-task-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--text-xs);color:var(--c-ink-muted)}.hp-task-customer{color:var(--c-bronze-dim);font-weight:var(--fw-medium)}.hp-task-tag{padding:1px 6px;border-radius:var(--r-full);background:var(--c-surface-dim);font-size:10px}.hp-task-date{color:var(--c-danger)}.hp-task-reschedule{color:var(--c-warning)}@media(max-width:768px){.hp-stats{grid-template-columns:repeat(2,1fr)}}.hp-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:var(--sp-5)}.hp-qa-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-ink);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s}.hp-qa-btn:hover{border-color:var(--c-bronze);color:var(--c-bronze)}.hp-qa--sample{border-color:var(--c-success);color:var(--c-success)}.hp-qa--sample:hover{background:var(--c-success);color:#fff}.hp-qa--contact{border-color:var(--c-info);color:var(--c-info)}.hp-qa--contact:hover{background:var(--c-info);color:#fff}.hp-qa--quote{border-color:var(--c-warning);color:var(--c-warning)}.hp-qa--quote:hover{background:var(--c-warning);color:#fff}.hp-qa--internal{border-color:var(--c-ink-soft)}.hp-status-picker{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.hp-sp-btn{font-size:var(--text-xs);padding:3px 10px;border-radius:6px;border:1px solid var(--c-border);background:transparent;cursor:pointer;transition:all .15s}.hp-sp-btn:hover{opacity:.8}.hp-sp--done{border-color:var(--c-success);color:var(--c-success)}.hp-sp--done:hover{background:var(--c-success);color:#fff}.hp-sp--doing{border-color:var(--c-info);color:var(--c-info)}.hp-sp--doing:hover{background:var(--c-info);color:#fff}.hp-sp--delay{border-color:var(--c-warning);color:var(--c-warning)}.hp-sp--todo{border-color:var(--c-ink-soft);color:var(--c-ink-soft)}.cd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;z-index:200;padding:var(--sp-6);overflow-y:auto}.cd-modal{background:var(--c-surface-card);border-radius:var(--r-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);margin:var(--sp-4) 0}.cd-header{display:flex;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--c-surface-dim)}.cd-close{background:none;border:none;cursor:pointer;color:var(--c-ink-soft);padding:var(--sp-1);border-radius:var(--r-sm);display:flex}.cd-badges{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-2);flex-wrap:wrap}.cd-makh{font-size:var(--text-xs);font-weight:var(--fw-semi);color:var(--c-ink-muted);background:var(--c-surface-dim);padding:2px 8px;border-radius:var(--r-full);font-variant-numeric:tabular-nums}.cd-phase-badge{display:inline-block;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--fw-medium);color:#fff}.cd-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--fw-medium)}.cd-tag--pq{background:#2a7a5a;color:#fff}.cd-tag--internal{background:var(--c-charcoal-600);color:var(--c-ink-on-dark-soft)}.cd-tag--shared{background:var(--c-bronze-dim);color:#fff}.cd-title{font-size:var(--text-lg);font-weight:var(--fw-bold)}.cd-sub{font-size:var(--text-sm);color:var(--c-ink-soft)}.cd-body{padding:var(--sp-5) var(--sp-6)}.cd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-5)}.cd-stat{background:var(--c-surface);border-radius:var(--r-sm);padding:var(--sp-3);text-align:center}.cd-stat--accent{border:1.5px solid var(--c-bronze)}.cd-stat-label{display:block;font-size:var(--text-xs);color:var(--c-ink-muted);margin-bottom:var(--sp-1)}.cd-stat-value{font-size:var(--text-base);font-weight:var(--fw-semi);font-variant-numeric:tabular-nums}.cd-grid{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.cd-info-row{display:flex;gap:var(--sp-3);font-size:var(--text-sm)}.cd-info-label{display:flex;align-items:center;gap:var(--sp-1);color:var(--c-ink-muted);min-width:100px;flex-shrink:0}.cd-info-value{color:var(--c-ink);word-break:break-word}.cd-note,.cd-owners{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--c-surface);border-radius:var(--r-sm);font-size:var(--text-sm)}.cd-note-label{display:block;font-size:var(--text-xs);color:var(--c-ink-muted);margin-bottom:var(--sp-1);font-weight:var(--fw-medium)}.cd-actions{display:flex;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--c-surface-dim)}.cd-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 16px;border:none;border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-main);cursor:pointer}.cd-btn--edit{background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff}.cd-btn--delete{background:transparent;color:var(--c-danger)}.cd-btn--delete:hover{background:#c9444414}@media(max-width:768px){.cd-overlay{padding:var(--sp-2)}.cd-stats{grid-template-columns:repeat(2,1fr)}}.cp-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--sp-5);gap:var(--sp-4);flex-wrap:wrap}.cp-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.cp-count{font-size:var(--text-sm);color:var(--c-ink-soft);margin-top:var(--sp-1)}.cp-btn-add{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 16px;border:none;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff;font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-main);cursor:pointer;white-space:nowrap}.cp-filters{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.cp-search{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-surface-card);border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);padding:0 var(--sp-3);flex:1;min-width:200px}.cp-search input{border:none;outline:none;background:transparent;font-family:var(--font-main);font-size:var(--text-sm);padding:8px 0;width:100%}.cp-search svg{color:var(--c-ink-muted);flex-shrink:0}.cp-filters select{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:var(--c-surface-card);outline:none}.cp-filters select:focus{border-color:var(--c-bronze)}.cp-table-wrap{overflow-x:auto;background:var(--c-surface-card);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.cp-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cp-table th{text-align:left;padding:10px 12px;font-weight:var(--fw-semi);color:var(--c-ink-soft);border-bottom:2px solid var(--c-surface-dim);white-space:nowrap}.cp-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur-fast) var(--ease)}.cp-sortable:hover{color:var(--c-bronze)}.cp-sort-idle{opacity:.25;vertical-align:middle}.cp-sort-active{color:var(--c-bronze);vertical-align:middle}.cp-table td{padding:10px 12px;border-bottom:1px solid var(--c-surface-dim);vertical-align:middle}.cp-zebra{background:var(--c-surface)}.cp-mono{font-variant-numeric:tabular-nums}.cp-dim{color:var(--c-ink-soft)}.cp-right{text-align:right}.cp-center{text-align:center}.cp-name{font-weight:var(--fw-medium)}.cp-shared{display:inline-flex;align-items:center;gap:2px;color:var(--c-bronze);margin-left:var(--sp-2);font-size:var(--text-xs)}.cp-row{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease)}.cp-row:hover,.cp-row:active{background:var(--c-surface-dim)!important}.cp-badge{display:inline-block;padding:1px 6px;border-radius:var(--r-full);font-size:10px;font-weight:var(--fw-semi);margin-left:var(--sp-2);vertical-align:middle}.cp-badge--pq{background:#2a7a5a;color:#fff}.cp-badge--internal{background:var(--c-charcoal-600);color:var(--c-ink-on-dark-soft)}.cp-phase-badge{display:inline-block;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:var(--fw-medium);color:#fff;white-space:nowrap}.cp-loading,.cp-error,.cp-empty{text-align:center;padding:var(--sp-10);color:var(--c-ink-soft)}.cp-error{color:var(--c-danger)}.cp-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}@media(max-width:768px){.cp-table th:nth-child(n+5),.cp-table td:nth-child(n+5){display:none}}.ap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5)}.ap-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.ap-add-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 16px;border:none;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff;font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-main);cursor:pointer}.ap-filters{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.ap-search{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-surface-card);border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);padding:0 var(--sp-3);flex:1;min-width:180px}.ap-search input{border:none;outline:none;background:transparent;font-family:var(--font-main);font-size:var(--text-sm);padding:8px 0;width:100%}.ap-search svg{color:var(--c-ink-muted);flex-shrink:0}.ap-filters input[type=date]{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:var(--c-surface-card)}.ap-loading,.ap-empty{text-align:center;color:var(--c-ink-muted);padding:var(--sp-8)}.ap-list{display:flex;flex-direction:column;gap:var(--sp-3)}.ap-card{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease)}.ap-card:hover{box-shadow:var(--shadow-md)}.ap-card--done{opacity:.5}.ap-card--overdue{border-left:3px solid var(--c-danger)}.ap-card-left{flex-shrink:0}.ap-toggle{background:none;border:none;cursor:pointer;padding:2px;display:flex}.ap-icon--done{color:var(--c-success)}.ap-icon--doing{color:var(--c-warning)}.ap-icon--todo{color:var(--c-ink-muted)}.ap-card-body{flex:1;min-width:0}.ap-card-content{font-size:var(--text-sm);color:var(--c-ink);margin-bottom:4px;word-break:break-word}.ap-card-meta{display:flex;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--text-xs);color:var(--c-ink-muted)}.ap-card-date{display:inline-flex;align-items:center;gap:3px}.ap-card-customer{color:var(--c-bronze-dim);font-weight:var(--fw-medium)}.ap-card-tag{padding:1px 6px;border-radius:var(--r-full);background:var(--c-surface-dim);font-size:10px}.ap-card-reschedule{color:var(--c-warning)}.ap-card-actions{display:flex;gap:var(--sp-1);flex-shrink:0}.ap-card-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--r-sm);color:var(--c-ink-muted);display:flex}.ap-card-actions button:hover{color:var(--c-bronze)}.ap-danger:hover{color:var(--c-danger)!important}@media(max-width:768px){.ap-card-actions{flex-direction:column}}.ap-date-label{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--c-ink-muted);font-weight:var(--fw-medium);white-space:nowrap}.ap-date-label input[type=date]{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:var(--c-surface-card)}.op-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5)}.op-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.op-add-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 16px;border:none;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff;font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-main);cursor:pointer}.op-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.op-stat{background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.op-stat-label{font-size:var(--text-xs);color:var(--c-ink-muted)}.op-stat-value{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--c-ink)}.op-stat-value--money{color:var(--c-success)}.op-filters{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.op-search{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-surface-card);border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);padding:0 var(--sp-3);flex:1;min-width:180px}.op-search input{border:none;outline:none;background:transparent;font-family:var(--font-main);font-size:var(--text-sm);padding:8px 0;width:100%}.op-search svg{color:var(--c-ink-muted);flex-shrink:0}.op-filters select,.op-filters input[type=date]{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:var(--c-surface-card)}.op-loading{text-align:center;color:var(--c-ink-muted);padding:var(--sp-8)}.op-empty{text-align:center;color:var(--c-ink-muted);padding:var(--sp-10) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.op-empty svg{color:var(--c-surface-dim)}.op-list{display:flex;flex-direction:column;gap:var(--sp-3)}.op-card{display:flex;align-items:stretch;gap:var(--sp-3);background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease)}.op-card:hover{box-shadow:var(--shadow-md)}.op-card-main{flex:1;min-width:0}.op-card-top{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:4px;flex-wrap:wrap}.op-card-name{font-weight:var(--fw-semi);color:var(--c-ink);word-break:break-word}.op-tag{padding:1px 8px;border-radius:var(--r-full);font-size:11px;font-weight:var(--fw-medium)}.op-tag--project{background:#6b95c12e;color:#3d6a99}.op-tag--tile{background:#c9954a2e;color:var(--c-bronze-dim)}.op-card-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:var(--text-xs);color:var(--c-ink-muted)}.op-card-customer{color:var(--c-bronze-dim);font-weight:var(--fw-medium)}.op-card-note{margin-top:6px;font-size:var(--text-xs);color:var(--c-ink-soft);word-break:break-word}.op-card-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--sp-2);flex-shrink:0}.op-card-value{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--c-success);white-space:nowrap}.op-card-actions{display:flex;gap:var(--sp-1)}.op-card-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--r-sm);color:var(--c-ink-muted);display:flex}.op-card-actions button:hover{color:var(--c-bronze)}.op-danger:hover{color:var(--c-danger)!important}@media(max-width:768px){.op-summary{grid-template-columns:repeat(2,1fr)}}.op-date-label{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--c-ink-muted);font-weight:var(--fw-medium);white-space:nowrap}.op-date-label input[type=date]{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:var(--c-surface-card)}.st-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-5)}.st-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.st-add-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:8px 16px;border:none;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--c-bronze),var(--c-bronze-glow));color:#fff;font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-main);cursor:pointer}.st-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.st-stat{background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.st-stat-label{font-size:var(--text-xs);color:var(--c-ink-muted)}.st-stat-value{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--c-ink)}.st-stat-value--m2{color:var(--c-info)}.st-filters{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap}.st-search{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-surface-card);border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);padding:0 var(--sp-3);flex:1;min-width:180px}.st-search input{border:none;outline:none;background:transparent;font-family:var(--font-main);font-size:var(--text-sm);padding:8px 0;width:100%}.st-search svg{color:var(--c-ink-muted);flex-shrink:0}.st-filters select,.st-filters input[type=date]{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:var(--c-surface-card)}.st-loading{text-align:center;color:var(--c-ink-muted);padding:var(--sp-8)}.st-empty{text-align:center;color:var(--c-ink-muted);padding:var(--sp-10) var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.st-empty svg{color:var(--c-surface-dim)}.st-list{display:flex;flex-direction:column;gap:var(--sp-3)}.st-card{display:flex;align-items:flex-start;gap:var(--sp-3);background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease)}.st-card:hover{box-shadow:var(--shadow-md)}.st-card-main{flex:1;min-width:0}.st-card-top{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:6px;flex-wrap:wrap}.st-card-code{font-weight:var(--fw-bold);color:var(--c-ink);letter-spacing:.3px}.st-surface{padding:1px 6px;border-radius:var(--r-sm);background:var(--c-surface-dim);font-size:11px;color:var(--c-ink-soft)}.st-tag{padding:1px 8px;border-radius:var(--r-full);font-size:11px;font-weight:var(--fw-medium)}.st-tag--mau{background:#4a8ec929;color:#3a72a0}.st-tag--ban{background:#3a9a5c29;color:var(--c-success)}.st-card-meta{display:flex;flex-wrap:wrap;gap:var(--sp-3);font-size:var(--text-xs);color:var(--c-ink-muted)}.st-card-customer{color:var(--c-bronze-dim);font-weight:var(--fw-medium)}.st-m2{color:var(--c-info);font-weight:var(--fw-medium)}.st-status{padding:0 6px;border-radius:var(--r-full);background:var(--c-surface-dim)}.st-card-actions{display:flex;gap:var(--sp-1);flex-shrink:0}.st-card-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:var(--r-sm);color:var(--c-ink-muted);display:flex}.st-card-actions button:hover{color:var(--c-bronze)}.st-danger:hover{color:var(--c-danger)!important}@media(max-width:768px){.st-summary{grid-template-columns:repeat(2,1fr)}}.st-date-label{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--c-ink-muted);font-weight:var(--fw-medium);white-space:nowrap}.st-date-label input[type=date]{padding:8px 10px;border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);font-size:var(--text-sm);font-family:var(--font-main);background:var(--c-surface-card)}.fn-loading{text-align:center;color:var(--c-ink-muted);padding:var(--sp-8)}.fn-header{margin-bottom:var(--sp-5)}.fn-title{font-size:var(--text-xl);font-weight:var(--fw-bold)}.fn-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-5)}.fn-kpi{background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px}.fn-kpi-label{font-size:var(--text-xs);color:var(--c-ink-muted)}.fn-kpi-value{font-size:var(--text-lg);font-weight:var(--fw-bold)}.fn-kpi-value small{font-size:var(--text-xs);color:var(--c-ink-muted);font-weight:var(--fw-normal)}.fn-kpi-value--money{color:var(--c-success);font-size:var(--text-base)}.fn-funnel{background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-5)}.fn-bar-row{display:grid;grid-template-columns:130px 1fr 46px;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-2)}.fn-bar-label{font-size:var(--text-xs);color:var(--c-ink-soft);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fn-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.fn-bar-track{background:var(--c-surface-dim);border-radius:var(--r-full);height:22px;overflow:hidden}.fn-bar-fill{height:100%;border-radius:var(--r-full);display:flex;align-items:center;justify-content:flex-end;padding:0 8px;transition:width var(--dur-slow, .4s) var(--ease);min-width:26px}.fn-bar-count{color:#fff;font-size:var(--text-xs);font-weight:var(--fw-bold)}.fn-bar-conv{font-size:var(--text-xs);color:var(--c-ink-muted);text-align:right;font-weight:var(--fw-medium)}.fn-funnel-note{font-size:11px;color:var(--c-ink-muted);margin-top:var(--sp-3)}.fn-search{display:flex;align-items:center;gap:var(--sp-2);background:var(--c-surface-card);border:1.5px solid var(--c-surface-dim);border-radius:var(--r-sm);padding:0 var(--sp-3);margin-bottom:var(--sp-4)}.fn-search input{border:none;outline:none;background:transparent;font-family:var(--font-main);font-size:var(--text-sm);padding:9px 0;width:100%}.fn-search svg{color:var(--c-ink-muted);flex-shrink:0}.fn-board{display:flex;flex-direction:column;gap:var(--sp-4)}.fn-stage{background:var(--c-surface-card);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);box-shadow:var(--shadow-sm)}.fn-stage-head{display:flex;align-items:center;gap:var(--sp-2);padding-bottom:var(--sp-2);margin-bottom:var(--sp-2);border-bottom:2px solid}.fn-stage-name{font-weight:var(--fw-semi);font-size:var(--text-sm)}.fn-stage-count{margin-left:auto;background:var(--c-surface-dim);color:var(--c-ink-soft);border-radius:var(--r-full);padding:0 8px;font-size:var(--text-xs);font-weight:var(--fw-bold)}.fn-stage-money{font-size:var(--text-xs);color:var(--c-success);font-weight:var(--fw-medium)}.fn-stage-empty{font-size:var(--text-xs);color:var(--c-ink-muted);padding:var(--sp-2) 0}.fn-cards{display:flex;flex-direction:column;gap:var(--sp-2)}.fn-card{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--c-surface);border-radius:var(--r-sm)}.fn-card-info{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2)}.fn-card-code{font-weight:var(--fw-bold);color:var(--c-bronze-dim);font-size:var(--text-xs)}.fn-card-name{font-size:var(--text-sm);color:var(--c-ink);word-break:break-word}.fn-card-money{font-size:var(--text-xs);color:var(--c-ink-muted)}.fn-card-move{display:flex;gap:2px;flex-shrink:0}.fn-card-move button{background:var(--c-surface-dim);border:none;border-radius:var(--r-sm);cursor:pointer;padding:5px;color:var(--c-ink-soft);display:flex}.fn-card-move button:hover:not(:disabled){background:var(--c-bronze);color:#fff}.fn-card-move button:disabled{opacity:.3;cursor:default}.fn-boss-note{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--c-ink-muted);margin-top:var(--sp-4)}@media(max-width:768px){.fn-kpis{grid-template-columns:repeat(2,1fr)}.fn-bar-row{grid-template-columns:100px 1fr 40px}.fn-bar-label{font-size:11px}}:root{--c-charcoal-900: #1a1a1e;--c-charcoal-800: #232328;--c-charcoal-700: #2d2d33;--c-charcoal-600: #3a3a42;--c-surface: #f0ece6;--c-surface-dim: #e4dfd8;--c-surface-card:#faf8f5;--c-bronze: #c9954a;--c-bronze-glow: #daa960;--c-bronze-dim: #a07535;--c-ink: #1a1a1e;--c-ink-soft: #5a5a64;--c-ink-muted: #8e8e96;--c-ink-on-dark: #e8e6e1;--c-ink-on-dark-soft: #a5a3a0;--c-success: #3a9a5c;--c-warning: #d4922a;--c-danger: #c94444;--c-info: #4a8ec9;--c-phase-1: #6b95c1;--c-phase-2: #5ba3a3;--c-phase-3: #7ab35e;--c-phase-4: #c9b94a;--c-phase-5: #d4922a;--c-phase-6: #c97a3a;--c-phase-7: #c95a4a;--c-phase-8: #3a9a5c;--font-main: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--fw-normal: 400;--fw-medium: 500;--fw-semi: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-normal: .25s;--sidebar-w: 240px;--sidebar-w-collapsed: 64px;--header-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);font-size:var(--text-base);font-weight:var(--fw-normal);color:var(--c-ink);background:var(--c-surface);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-charcoal-600);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-bronze-dim)}:focus-visible{outline:2px solid var(--c-bronze);outline-offset:2px}::selection{background:var(--c-bronze);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp var(--dur-normal) var(--ease) both}@keyframes ripple{to{transform:scale(2.5);opacity:0}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-count{animation:countUp .4s var(--ease) both}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}