:root{--c-bg: #f4f6f9;--c-surface: #ffffff;--c-surface-2: #f8fafc;--c-border: #e2e8f0;--c-border-strong: #cbd5e1;--c-text: #0f172a;--c-text-2: #475569;--c-text-3: #94a3b8;--c-primary: #2f54eb;--c-primary-hover: #1d39c4;--c-primary-soft: #eef2ff;--c-primary-border: #c7d2fe;--c-green: #15803d;--c-green-soft: #ecfdf3;--c-green-border: #bbe7c9;--c-amber: #b45309;--c-amber-soft: #fffbeb;--c-amber-border: #fde68a;--c-red: #b91c1c;--c-red-soft: #fef2f2;--c-red-border: #fecaca;--c-blue: #1d4ed8;--c-blue-soft: #eff6ff;--c-blue-border: #bfdbfe;--c-indigo: #4338ca;--c-indigo-soft: #eef2ff;--c-indigo-border: #c7d2fe;--c-purple: #7e22ce;--c-purple-soft: #faf5ff;--c-purple-border: #e9d5ff;--c-slate: #475569;--c-slate-soft: #f1f5f9;--c-slate-border: #cbd5e1;--sidebar-bg: #101828;--sidebar-text: #cbd5e1;--sidebar-active: #1e2c47;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 4px 12px rgba(15, 23, 42, .05);--shadow-lg: 0 8px 30px rgba(15, 23, 42, .16);--font: "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sidebar-w: 232px;--sidebar-w-collapsed: 64px;--topbar-h: 56px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);font-size:14px;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40;transition:width .18s ease,transform .2s ease;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08);min-height:60px}.sidebar-brand .logo{width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:linear-gradient(135deg,#2f54eb,#722ed1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}.sidebar-brand .name{font-weight:600;font-size:14px;color:#f1f5f9;line-height:1.3;white-space:nowrap}.sidebar-brand .name small{display:block;font-size:10.5px;font-weight:400;color:#64748b}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 8px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;margin-bottom:2px;border-radius:8px;color:var(--sidebar-text);font-size:13.5px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s;text-decoration:none!important}.nav-item:hover{background:#ffffff0f;color:#f1f5f9}.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:600}.nav-item .nav-icon{width:20px;text-align:center;font-size:15px;flex:0 0 20px}.nav-item .nav-badge{margin-left:auto;background:var(--c-red);color:#fff;font-size:10.5px;padding:1px 6px;border-radius:99px;font-weight:600}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08);padding:10px 8px}.main-area{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-width:0;transition:margin-left .18s ease}.main-area.collapsed{margin-left:var(--sidebar-w-collapsed)}.topbar{height:var(--topbar-h);background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:12px;padding:0 20px;position:sticky;top:0;z-index:30}.topbar .hamburger{border:none;background:none;cursor:pointer;font-size:17px;color:var(--c-text-2);padding:6px;border-radius:6px}.topbar .hamburger:hover{background:var(--c-surface-2)}.breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--c-text-3);min-width:0;overflow:hidden}.breadcrumbs a{color:var(--c-text-2);white-space:nowrap}.breadcrumbs .sep{color:var(--c-border-strong)}.breadcrumbs .current{color:var(--c-text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{position:relative;border:none;background:none;cursor:pointer;font-size:17px;color:var(--c-text-2);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--c-surface-2)}.icon-btn .dot{position:absolute;top:5px;right:5px;min-width:15px;height:15px;padding:0 3px;background:var(--c-red);color:#fff;border-radius:99px;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.user-chip{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--c-border);border-radius:99px;cursor:pointer;background:var(--c-surface)}.user-chip:hover{border-color:var(--c-border-strong)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--c-primary-soft);color:var(--c-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12.5px}.user-chip .u-name{font-size:13px;font-weight:600}.user-chip .u-role{font-size:11px;color:var(--c-text-3)}.user-menu{position:absolute;top:50px;right:20px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:200px;z-index:60;overflow:hidden}.user-menu .um-head{padding:12px 14px;border-bottom:1px solid var(--c-border)}.user-menu .um-item{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;font-size:13.5px;color:var(--c-text);cursor:pointer}.user-menu .um-item:hover{background:var(--c-surface-2)}.page{padding:20px 24px 48px;max-width:1440px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-header .ph-text{min-width:0}.page-header h1{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header .ph-sub{color:var(--c-text-2);font-size:13px;margin-top:4px}.page-header .ph-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:13.5px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}.btn:hover{background:var(--c-surface-2);border-color:var(--c-text-3)}.btn:focus-visible{outline:2px solid var(--c-primary);outline-offset:1px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn.primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.btn.danger{background:var(--c-surface);border-color:var(--c-red-border);color:var(--c-red)}.btn.danger:hover{background:var(--c-red-soft)}.btn.ghost{border-color:transparent;background:transparent;color:var(--c-text-2)}.btn.ghost:hover{background:var(--c-surface-2)}.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:7px}.btn.xs{padding:3px 8px;font-size:12px;border-radius:6px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card .card-head{padding:14px 18px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:10px}.card .card-head h3{font-size:14.5px;font-weight:700}.card .card-head .ch-actions{margin-left:auto;display:flex;gap:8px}.card .card-body{padding:18px}.card .card-body.flush{padding:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:18px}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .15s,transform .15s}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-card .sc-label{font-size:12.5px;color:var(--c-text-2);display:flex;align-items:center;gap:6px}.stat-card .sc-value{font-size:26px;font-weight:700;margin-top:6px;letter-spacing:-.5px}.stat-card.tone-red .sc-value{color:var(--c-red)}.stat-card.tone-amber .sc-value{color:var(--c-amber)}.stat-card.tone-green .sc-value{color:var(--c-green)}.stat-card.tone-blue .sc-value{color:var(--c-blue)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge.neutral{background:var(--c-slate-soft);color:var(--c-text-2);border-color:var(--c-border)}.badge.slate{background:var(--c-slate-soft);color:var(--c-slate);border-color:var(--c-slate-border)}.badge.blue{background:var(--c-blue-soft);color:var(--c-blue);border-color:var(--c-blue-border)}.badge.indigo{background:var(--c-indigo-soft);color:var(--c-indigo);border-color:var(--c-indigo-border)}.badge.green{background:var(--c-green-soft);color:var(--c-green);border-color:var(--c-green-border)}.badge.amber{background:var(--c-amber-soft);color:var(--c-amber);border-color:var(--c-amber-border)}.badge.red{background:var(--c-red-soft);color:var(--c-red);border-color:var(--c-red-border)}.badge.purple{background:var(--c-purple-soft);color:var(--c-purple);border-color:var(--c-purple-border)}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;padding:10px 14px;background:var(--c-surface-2);color:var(--c-text-2);font-size:12px;font-weight:600;border-bottom:1px solid var(--c-border);white-space:nowrap;position:sticky;top:0;z-index:1}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--c-text)}.data-table th.sorted{color:var(--c-primary)}.data-table .sort-arrow{margin-left:4px;font-size:11px;opacity:.35}.data-table th.sorted .sort-arrow{opacity:1}.data-table th.sortable:hover .sort-arrow{opacity:.7}.data-table td{padding:10px 14px;border-bottom:1px solid var(--c-border);vertical-align:middle}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--c-primary-soft)}.data-table tbody tr.clickable{cursor:pointer}.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums}.data-table .cell-main{font-weight:600}.data-table .cell-sub{font-size:12px;color:var(--c-text-3);margin-top:1px}.table-footer{display:flex;align-items:center;gap:12px;padding:10px 14px;font-size:12.5px;color:var(--c-text-2)}.table-footer .pager{margin-left:auto;display:flex;gap:4px;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px}.form-grid .span-2{grid-column:span 2}@media (max-width: 640px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.field>label{display:block;font-size:12.5px;font-weight:600;color:var(--c-text-2);margin-bottom:5px}.field>label .req{color:var(--c-red);margin-left:2px}.field>label.with-aside{display:flex;align-items:center;justify-content:space-between;gap:12px}.field>label.with-aside .field-aside{font-weight:400}.field>label.with-aside .field-aside input{width:220px;max-width:45vw}.worker-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px}@media (max-width: 720px){.worker-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field .control{position:relative}.field input[type=text],.field input[type=password],.field input[type=number],.field input[type=date],.field input[type=datetime-local],.field input[type=email],.field select,.field textarea{width:100%;padding:8px 11px;border:1px solid var(--c-border-strong);border-radius:8px;font-size:13.5px;font-family:inherit;background:var(--c-surface);color:var(--c-text);transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #2f54eb1f}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--c-surface-2);color:var(--c-text-2);cursor:not-allowed}.field textarea{resize:vertical;min-height:72px}.field .hint{font-size:12px;color:var(--c-text-3);margin-top:4px}.field .error-text{font-size:12px;color:var(--c-red);margin-top:4px}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--c-red)}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}.checkbox-row input{width:15px;height:15px;accent-color:var(--c-primary)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px 20px}.detail-grid .d-item .d-label{font-size:12px;color:var(--c-text-3);margin-bottom:3px}.detail-grid .d-item .d-value{font-size:13.5px;font-weight:500;word-break:break-word}.detail-grid .d-item.span-full{grid-column:1 / -1}.search-select{position:relative}.search-select .ss-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;z-index:70}.search-select .ss-option{padding:8px 12px;font-size:13.5px;cursor:pointer}.search-select .ss-option:hover,.search-select .ss-option.hl{background:var(--c-primary-soft)}.search-select .ss-option .ss-extra{font-size:11.5px;color:var(--c-text-3)}.search-select .ss-empty{padding:12px;font-size:13px;color:var(--c-text-3);text-align:center}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--c-border);margin-bottom:16px;overflow-x:auto;overflow-y:hidden}.tabs .tab{padding:9px 14px;border:none;background:none;font-size:13.5px;font-weight:600;color:var(--c-text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs .tab:hover{color:var(--c-text)}.tabs .tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.tabs.segmented{border-bottom:none;gap:8px;margin-bottom:12px}.tabs.segmented .tab{padding:8px 18px;border:1px solid var(--c-border);border-radius:8px;background:var(--c-surface, #fff);color:var(--c-text-2);margin-bottom:0;border-bottom-width:1px;transition:background .12s ease,color .12s ease,border-color .12s ease}.tabs.segmented .tab:hover{background:var(--c-slate-soft);color:var(--c-text)}.tabs.segmented .tab.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.tabs.segmented .tab.active:hover{background:var(--c-primary);color:#fff}.tabs.segmented .tab:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.tabs .tab .tab-count{background:var(--c-slate-soft);color:var(--c-text-2);border-radius:99px;padding:0 6px;font-size:11px;margin-left:5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow-y:auto;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--c-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:slideUp .18s ease}.modal.wide{max-width:760px}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.modal .modal-head{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center}.modal .modal-head h3{font-size:15.5px;font-weight:700}.modal .modal-head .close{margin-left:auto;border:none;background:none;font-size:18px;color:var(--c-text-3);cursor:pointer;width:30px;height:30px;border-radius:6px}.modal .modal-head .close:hover{background:var(--c-surface-2);color:var(--c-text)}.modal .modal-body{padding:20px;max-height:68vh;overflow-y:auto}.modal .modal-foot{padding:14px 20px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:8px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:80}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,94vw);background:var(--c-surface);box-shadow:var(--shadow-lg);z-index:81;display:flex;flex-direction:column;animation:drawerIn .2s ease}@keyframes drawerIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.drawer .drawer-head{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:10px}.drawer .drawer-head h3{font-size:15px;font-weight:700}.drawer .drawer-body{flex:1;overflow-y:auto;padding:20px}.empty-state{padding:44px 20px;text-align:center;color:var(--c-text-3)}.empty-state .es-icon{font-size:34px;margin-bottom:10px}.empty-state .es-title{font-size:14px;font-weight:600;color:var(--c-text-2)}.empty-state .es-desc{font-size:12.5px;margin-top:4px}.empty-state .btn{margin-top:14px}.spinner-wrap{display:flex;align-items:center;justify-content:center;padding:40px;gap:10px;color:var(--c-text-3);font-size:13px}.spinner{width:22px;height:22px;border:2.5px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#eef1f5 25%,#f7f9fb,#eef1f5 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:6px}@keyframes shimmer{to{background-position:-200% 0}}.banner{padding:11px 14px;border-radius:8px;font-size:13px;display:flex;align-items:flex-start;gap:8px;margin-bottom:14px}.banner.error{background:var(--c-red-soft);color:var(--c-red);border:1px solid var(--c-red-border)}.banner.warning{background:var(--c-amber-soft);color:var(--c-amber);border:1px solid var(--c-amber-border)}.banner.info{background:var(--c-blue-soft);color:var(--c-blue);border:1px solid var(--c-blue-border)}.banner.success{background:var(--c-green-soft);color:var(--c-green);border:1px solid var(--c-green-border)}.banner .banner-action{margin-left:auto}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:120}.toast{background:#1e293b;color:#f1f5f9;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow-lg);font-size:13.5px;display:flex;align-items:center;gap:9px;min-width:240px;max-width:380px;animation:slideUp .2s ease}.toast.success{border-left:3px solid #4ade80}.toast.error{border-left:3px solid #f87171}.toast.info{border-left:3px solid #60a5fa}.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.kanban-col{flex:0 0 260px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius)}.kanban-col .kc-head{padding:10px 12px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--c-border)}.kanban-col .kc-count{margin-left:auto;font-size:11.5px;color:var(--c-text-3);font-weight:600}.kanban-col .kc-body{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:60px;max-height:60vh;overflow-y:auto}.kanban-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:10px 12px;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .12s}.kanban-card:hover{box-shadow:var(--shadow)}.kanban-card .kk-title{font-size:13px;font-weight:600;line-height:1.35}.kanban-card .kk-meta{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:11.5px;color:var(--c-text-3);flex-wrap:wrap}.gantt-wrap{display:flex;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;background:var(--c-surface)}.gantt-left{flex:0 0 240px;border-right:1px solid var(--c-border);z-index:2;background:var(--c-surface)}.gantt-left .gl-head{height:52px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:700;color:var(--c-text-2);background:var(--c-surface-2)}.gantt-left .gl-row{height:36px;display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-bottom:1px solid var(--c-border);font-size:12.5px;overflow:hidden}.gantt-left .gl-row .gl-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-left .gl-row .gl-sub{font-size:10.5px;color:var(--c-text-3)}.gantt-right{flex:1;overflow-x:auto;position:relative}.gantt-canvas{position:relative}.gantt-head-row{display:flex;height:26px;border-bottom:1px solid var(--c-border);background:var(--c-surface-2)}.gantt-mon{font-size:11px;font-weight:700;color:var(--c-text-2);border-right:1px solid var(--c-border);display:flex;align-items:center;padding-left:6px;overflow:hidden;white-space:nowrap}.gantt-day{font-size:10px;color:var(--c-text-3);text-align:center;border-right:1px solid #f1f5f9;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.gantt-day.weekend{background:#f8fafc}.gantt-grid-row{height:36px;border-bottom:1px solid var(--c-border);position:relative}.gantt-weekend-bg{position:absolute;top:0;bottom:0;background:#f8fafc}.gantt-today{position:absolute;top:0;bottom:0;width:2px;background:var(--c-red);opacity:.65;z-index:3}.gantt-bar{position:absolute;top:9px;height:16px;border-radius:4px;background:var(--c-primary-border);border:1px solid var(--c-primary);z-index:2}.gantt-bar.overdue{background:var(--c-red-border);border-color:var(--c-red)}.gantt-bar.done{background:var(--c-green-border);border-color:var(--c-green)}.gantt-bar-actual{position:absolute;top:22px;height:7px;border-radius:3px;background:var(--c-indigo);opacity:.85;z-index:2}.gantt-milestone{position:absolute;top:10px;width:14px;height:14px;background:var(--c-purple);transform:rotate(45deg);border-radius:2px;z-index:2}.gantt-legend{display:flex;gap:16px;padding:10px 4px 0;font-size:12px;color:var(--c-text-2);flex-wrap:wrap}.gantt-legend .lg{display:flex;align-items:center;gap:6px}.gantt-legend .sw{width:18px;height:10px;border-radius:3px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--c-border)}.timeline-item{position:relative;padding-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-22px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--c-surface);border:2.5px solid var(--c-primary)}.timeline-item.muted:before{border-color:var(--c-border-strong)}.timeline-item .tl-title{font-size:13.5px;font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.timeline-item .tl-time{font-size:11.5px;color:var(--c-text-3);margin-top:2px}.timeline-item .tl-body{font-size:12.5px;color:var(--c-text-2);margin-top:4px}.progress{height:7px;background:var(--c-slate-soft);border-radius:99px;overflow:hidden;min-width:60px}.progress .progress-fill{height:100%;background:var(--c-primary);border-radius:99px;transition:width .3s}.progress .progress-fill.green{background:var(--c-green)}.progress .progress-fill.amber{background:var(--c-amber)}.stage-bars{display:flex;flex-direction:column;gap:9px}.stage-bar-row{display:grid;grid-template-columns:88px 1fr 34px;align-items:center;gap:10px;font-size:12.5px}.stage-bar-row .sb-track{height:14px;background:var(--c-slate-soft);border-radius:5px;overflow:hidden}.stage-bar-row .sb-fill{height:100%;border-radius:5px;background:var(--c-primary);min-width:2px;transition:width .4s}.stage-bar-row .sb-count{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.precheck-lights{display:flex;gap:8px;flex-wrap:wrap}.pc-light{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 9px;border-radius:99px;border:1px solid var(--c-border);background:var(--c-surface-2);color:var(--c-text-2)}.pc-light:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-border-strong)}.pc-light.ok{border-color:var(--c-green-border);background:var(--c-green-soft);color:var(--c-green)}.pc-light.ok:before{background:var(--c-green)}.pc-light.fail{border-color:var(--c-red-border);background:var(--c-red-soft);color:var(--c-red)}.pc-light.fail:before{background:var(--c-red)}.dropzone{border:2px dashed var(--c-border-strong);border-radius:var(--radius);padding:26px;text-align:center;color:var(--c-text-3);font-size:13px;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary)}.file-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--c-border);border-radius:8px;font-size:13px}.file-row .fr-icon{font-size:18px}.file-row .fr-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row .fr-meta{font-size:11.5px;color:var(--c-text-3)}.file-row .fr-actions{margin-left:auto;display:flex;gap:4px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.photo-cell{border:1px solid var(--c-border);border-radius:8px;overflow:hidden;background:var(--c-surface-2);cursor:pointer;position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--c-text-3)}.photo-cell .pc-caption{position:absolute;inset:auto 0 0 0;background:#0f172aa6;color:#fff;font-size:10.5px;padding:3px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-bar{--fb-height: 36px;--fb-radius: 8px;--fb-font: 13.5px;--fb-pad-x: 10px;display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.filter-bar input:not([type=checkbox]):not([type=radio]),.filter-bar select,.filter-bar .search-select>input{height:var(--fb-height);box-sizing:border-box;padding:0 var(--fb-pad-x);border:1px solid var(--c-border-strong);border-radius:var(--fb-radius);font-size:var(--fb-font);font-family:inherit;background:var(--c-surface);color:var(--c-text);line-height:normal}.filter-bar input:not([type=checkbox]):not([type=radio]):focus,.filter-bar select:focus,.filter-bar .search-select>input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft)}.filter-bar input:not([type=checkbox]):not([type=radio]):disabled,.filter-bar select:disabled,.filter-bar .search-select>input:disabled{background:var(--c-bg-2, #f1f3f7);color:var(--c-text-3);cursor:not-allowed}.filter-bar .search-input{position:relative}.filter-bar .search-input input{padding-left:30px;width:240px}.filter-bar .search-input:before{content:"🔍";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.5}.filter-bar .fb-entity{width:180px;flex:none}.filter-bar .fb-entity.wide{width:220px}.filter-bar .fb-label{font-size:12.5px;color:var(--c-text-3);white-space:nowrap}.filter-bar .btn{height:var(--fb-height)}.filter-bar label{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.filter-bar .fb-spacer{margin-left:auto}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#0f172a,#1e2a4a 55%,#2f54eb33 130%),var(--sidebar-bg);padding:20px}.login-card{width:100%;max-width:420px;background:var(--c-surface);border-radius:16px;box-shadow:var(--shadow-lg);padding:34px 34px 28px}.login-card .lc-brand{display:flex;align-items:center;gap:12px;margin-bottom:8px}.login-card .lc-brand .logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#2f54eb,#722ed1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:19px}.login-card h1{font-size:19px;font-weight:700}.login-card .lc-sub{color:var(--c-text-2);font-size:13px;margin:4px 0 22px}.login-demo{margin-top:22px;border-top:1px dashed var(--c-border);padding-top:14px}.login-demo summary{font-size:12.5px;color:var(--c-text-2);cursor:pointer;font-weight:600}.login-demo table{width:100%;font-size:12px;margin-top:8px;border-collapse:collapse}.login-demo td{padding:3px 6px;border-bottom:1px solid var(--c-surface-2);color:var(--c-text-2)}.login-demo td:first-child{font-family:ui-monospace,monospace;color:var(--c-text)}.notif-row{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--c-border);cursor:pointer;transition:background .1s}.notif-row:hover{background:var(--c-surface-2)}.notif-row.unread{background:var(--c-primary-soft)}.notif-row .nr-title{font-size:13.5px;font-weight:600;display:flex;gap:8px;align-items:center}.notif-row .nr-msg{font-size:12.5px;color:var(--c-text-2);margin-top:3px}.notif-row .nr-time{font-size:11.5px;color:var(--c-text-3);margin-left:auto;white-space:nowrap}.site-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.site-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}.site-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.site-card .stc-head{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.site-card .stc-name{font-size:14.5px;font-weight:700}.site-card .stc-proj{font-size:12px;color:var(--c-text-3);margin-top:1px}.site-card .stc-badges{margin-left:auto;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.site-card .stc-meta{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--c-text-2);margin-top:10px}.site-card .stc-meta .m-row{display:flex;gap:6px}.site-card .stc-meta .m-label{color:var(--c-text-3);flex:0 0 76px}.site-card .stc-foot{display:flex;align-items:center;gap:8px;margin-top:12px}.mobile-only{display:none}@media (max-width: 900px){.sidebar{transform:translate(-100%);width:var(--sidebar-w)}.sidebar.mobile-open{transform:none}.sidebar.collapsed{width:var(--sidebar-w)}.main-area,.main-area.collapsed{margin-left:0}.mobile-only{display:initial}.desktop-only{display:none!important}.page{padding:14px 14px 40px}.topbar{padding:0 12px}.user-chip .u-name,.user-chip .u-role{display:none}.gantt-left{flex:0 0 150px}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:39}}@media (max-width: 640px){.filter-bar .search-input input{width:100%}}.muted{color:var(--c-text-3)}.text-sm{font-size:12.5px}.mono{font-family:ui-monospace,SF Mono,monospace;font-size:.92em}.flex{display:flex;align-items:center;gap:8px}.flex-wrap{flex-wrap:wrap}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.section-title{font-size:14px;font-weight:700;margin:18px 0 10px;display:flex;align-items:center;gap:8px}.divider{border:none;border-top:1px solid var(--c-border);margin:16px 0}.suite-switcher{display:flex;gap:2px;background:var(--c-blue-soft);border:1px solid var(--c-blue-border);border-radius:10px;padding:3px;margin-right:12px;flex-shrink:0}.suite-tab{display:flex;align-items:center;gap:5px;border:none;background:none;padding:5px 12px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--c-text-2);white-space:nowrap}.suite-tab:hover{background:var(--c-primary-soft);color:var(--c-text)}.suite-tab.active{background:var(--c-surface, #fff);color:var(--c-primary-hover);border:1px solid var(--c-primary-border);padding:4px 11px;font-weight:700;box-shadow:0 1px 3px #2f54eb2e}.suite-icon{font-size:14px}.nav-divider{border-top:1px solid rgba(255,255,255,.12);margin:10px 12px}@media (max-width: 760px){.suite-label{display:none}.suite-tab{padding:5px 8px}}@media print{.sidebar,.topbar,.ph-actions,.no-print{display:none!important}.main-area{margin:0!important}.page{padding:0!important}.quote-print{box-shadow:none!important;border:none!important}}.quote-print{background:#fff;color:#111;max-width:800px;margin:0 auto;padding:32px 40px;border:1px solid var(--c-border);border-radius:8px}.quote-print h1{font-size:22px;margin-bottom:2px}.quote-print table{width:100%;border-collapse:collapse;margin-top:12px}.quote-print th,.quote-print td{border:1px solid #bbb;padding:6px 10px;font-size:13px;text-align:left}.quote-print th{background:#f3f4f6}.quote-print .qp-totals td{border:none;text-align:right;padding:3px 10px}.quote-print .qp-sign{display:flex;justify-content:space-between;margin-top:48px}.quote-print .qp-sign>div{width:45%;border-top:1px solid #444;padding-top:6px;font-size:13px}.search-select{position:relative;width:100%}.search-select>input{width:100%;box-sizing:border-box}.search-select .ss-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;color:var(--c-text-2);font-size:12px;padding:2px 6px;border-radius:6px}.search-select .ss-clear:hover{background:var(--c-bg-2, #f1f3f7);color:var(--c-red)}.hovercard-anchor{position:relative;display:inline-block}.hovercard-trigger{border-bottom:1px dashed var(--c-border-strong);cursor:help}.hovercard-pop{position:absolute;z-index:60;top:100%;left:0;margin-top:6px;min-width:240px;max-width:320px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;box-shadow:0 8px 24px #0f172a29;padding:12px 14px;font-size:13px;font-weight:400;color:var(--c-text);white-space:normal;text-align:left;cursor:default}.hovercard-body{display:flex;flex-direction:column;gap:4px}.hovercard-title{font-weight:700;font-size:14px}.hovercard-sub{color:var(--c-text-3);font-size:12px;margin-top:-2px}.hovercard-line{display:flex;gap:8px;align-items:baseline}.hovercard-label{color:var(--c-text-3);flex:0 0 68px;font-size:12px}.hovercard-action{margin-top:6px;padding-top:8px;border-top:1px solid var(--c-border);font-size:12px}.update-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto;padding:12px 16px;border-radius:12px;background:var(--c-surface);border:1px solid var(--c-primary-border);box-shadow:0 10px 30px #0f172a38;font-size:13.5px}.update-banner .ub-icon{font-size:18px;flex-shrink:0}.update-banner .ub-text{flex:1;display:flex;flex-direction:column;gap:2px}.update-banner .ub-sub{color:var(--c-text-3);font-size:12px}@media (max-width: 640px){.update-banner{flex-wrap:wrap}.update-banner .ub-text{flex:1 1 100%}}.error-boundary{max-width:620px;margin:48px auto;padding:32px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:14px;text-align:center}.error-boundary .eb-icon{font-size:40px}.error-boundary .eb-title{margin:12px 0 6px;font-size:18px}.error-boundary .eb-desc{color:var(--c-text-2);font-size:13.5px;line-height:1.7;margin-bottom:20px}.error-boundary .eb-actions{display:flex;gap:8px;justify-content:center;margin-bottom:20px}.error-boundary .eb-detail{text-align:left;font-size:12px}.error-boundary .eb-detail summary{cursor:pointer;color:var(--c-text-3)}.error-boundary .eb-detail pre{margin-top:8px;padding:10px;background:var(--c-surface-2);border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.readonly-value{padding:8px 10px;border:1px dashed var(--c-border-strong);border-radius:8px;background:var(--c-bg-2, #f1f3f7);color:var(--c-text-2);font-size:13.5px}.repair-equipment-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:start}@media (max-width: 1100px){.repair-equipment-split{grid-template-columns:minmax(0,1fr)}}.qty-input{display:inline-block;width:96px;max-width:100%}.qty-input input{width:100%;text-align:right}.tpl-cp-select select{max-width:150px}.contact-picker .picker-results{list-style:none;margin:8px 0 0;padding:0;border:1px solid var(--c-border);border-radius:6px;max-height:260px;overflow-y:auto}.contact-picker .picker-results li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,200px) 200px;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--c-border)}.contact-picker .picker-results li:last-child{border-bottom:none}.contact-picker .picker-sub,.contact-picker .picker-action{font-size:13px}.contact-picker .picker-action{text-align:right}@media (max-width: 900px){.contact-picker .picker-results li{grid-template-columns:minmax(0,1fr)}.contact-picker .picker-action{text-align:left}}.new-eq-grid table{table-layout:fixed;width:100%}.new-eq-grid td input{width:100%;min-width:0}.ctx-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 12px;max-height:200px;overflow-y:auto;padding:8px 10px;border:1px solid var(--c-border);border-radius:6px}.home-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.home-chip{display:inline-flex;align-items:baseline;gap:4px;padding:6px 12px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);color:var(--c-text);font-size:13px;cursor:pointer}.home-chip:hover{border-color:var(--c-border-strong);background:var(--c-surface-2)}.home-chip-count{font-weight:700;font-variant-numeric:tabular-nums}.home-chip-scope{font-size:11px;line-height:1;padding:2px 6px;border-radius:999px;background:var(--c-amber-soft);color:var(--c-amber);border:1px solid var(--c-amber-border)}.home-chip.zero{color:var(--c-text-3)}.home-chip.zero .home-chip-count{font-weight:400}.fav-item{display:inline-flex;align-items:center;gap:2px}.global-search{position:relative;width:260px;max-width:32vw}.global-search .gs-input{width:100%;height:34px;padding:0 10px;font-size:13px;color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-sm)}.global-search .gs-input:focus{outline:none;background:var(--c-surface);border-color:var(--c-primary-border)}.gs-panel{position:absolute;top:40px;left:0;width:380px;max-width:92vw;max-height:60vh;overflow-y:auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:40;padding:4px 0}.gs-group+.gs-group{border-top:1px solid var(--c-border)}.gs-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 4px;font-size:12px;font-weight:700;color:var(--c-text-3)}.gs-item{display:block;width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:6px 12px}.gs-item:hover{background:var(--c-primary-soft)}.gs-item-main{font-size:13.5px;color:var(--c-text)}.gs-item-sub{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gs-empty,.gs-restricted{padding:8px 12px;font-size:12.5px;line-height:1.6}.kb-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.kb-mini-card{border:1px solid var(--c-border);border-radius:10px;background:var(--c-surface, #fff);padding:12px 14px;cursor:pointer;transition:box-shadow .15s,transform .15s}.kb-mini-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.kb-two-col{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0 16px;align-items:start}@media (max-width: 1100px){.kb-two-col{grid-template-columns:1fr}}