:root{--bg-darkest:#050811;--bg-darker:#070c18;--bg-surface:#0c1427;--bg-card:#0d162abf;--bg-card-hover:#121e3ad9;--bg-glass:#0f172aa6;--grad-primary:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 50%, #06b6d4 100%);--grad-primary-hover:linear-gradient(135deg, #2563eb 0%, #60a5fa 50%, #22d3ee 100%);--grad-blue-dark:linear-gradient(180deg, #1e3a8a59 0%, #0f172a99 100%);--grad-card-border:linear-gradient(135deg, #3b82f673 0%, #06b6d433 50%, #ffffff0d 100%);--grad-text:linear-gradient(135deg, #fff 30%, #93c5fd 100%);--grad-cyan-glow:linear-gradient(135deg, #38bdf8 0%, #3b82f6 100%);--blue-glow:#3b82f6;--cyan-accent:#06b6d4;--cyan-bright:#38bdf8;--text-main:#f8fafc;--text-muted:#94a3b8;--text-sub:#64748b;--border-subtle:#3b82f629;--border-bright:#3b82f661;--status-critical:#f43f5e;--status-high:#fb923c;--status-medium:#facc15;--status-low:#38bdf8;--status-success:#10b981;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}:root[data-theme=light]{--bg-darkest:#f3f6fb;--bg-darker:#e8eef7;--bg-surface:#fff;--bg-card:#ffffffe6;--bg-card-hover:#f8fafcfa;--bg-glass:#ffffffd1;--grad-blue-dark:linear-gradient(180deg, #dbeafebf 0%, #f1f5f9e0 100%);--grad-card-border:linear-gradient(135deg, #3b82f652 0%, #06b6d42e 50%, #0f172a0f 100%);--grad-text:linear-gradient(135deg, #0f172a 30%, #2563eb 100%);--text-main:#0f172a;--text-muted:#475569;--text-sub:#64748b;--border-subtle:#2563eb2e;--border-bright:#2563eb61}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-darkest);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.5;overflow-x:hidden}body:before{content:"";filter:blur(80px);pointer-events:none;z-index:0;background:radial-gradient(circle,#2563eb26 0%,#06b6d40a 50%,#0000 80%);width:60vw;height:40vh;position:fixed;top:0;left:15%}body:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;background:radial-gradient(circle,#1d4ed81f 0%,#0000 70%);width:50vw;height:50vh;position:fixed;bottom:0;right:10%}:root[data-theme=light] body:before{opacity:.45}:root[data-theme=light] body:after{opacity:.3}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#3b82f659;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f699}.text-gradient{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-blue{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;transition:all .25s}.glass-panel:hover{border-color:var(--border-bright);box-shadow:0 10px 30px -5px #00000080,0 0 20px #3b82f626}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;filter:drop-shadow(0 0 12px #3b82f666)}50%{opacity:1;filter:drop-shadow(0 0 20px #06b6d4cc)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}.fade-in{animation:.25s ease-out forwards fadeIn}.badge{letter-spacing:.3px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-role-admin{color:#c084fc;background:#a855f72e;border:1px solid #a855f766}.badge-role-qc{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f673}.badge-role-freelancer{color:#34d399;background:#10b9812e;border:1px solid #10b98166}.badge-priority-khan-cap{color:#fda4af;background:#f43f5e33;border:1px solid #f43f5e80;box-shadow:0 0 12px #f43f5e40}.badge-priority-cao{color:#fdba74;background:#fb923c2e;border:1px solid #fb923c66}.badge-priority-trung-binh{color:#93c5fd;background:#3b82f62e;border:1px solid #3b82f659}.badge-priority-thap{color:#cbd5e1;background:#64748b33;border:1px solid #94a3b84d}.badge-status-cho-nhan{color:#cbd5e1;background:#94a3b82e;border:1px solid #94a3b859}.badge-status-dang-thuc-hien{color:#60a5fa;background:#3b82f638;border:1px solid #3b82f680;box-shadow:0 0 10px #3b82f640}.badge-status-cho-qc-duyet{color:#fde047;background:#eab30833;border:1px solid #eab30873}.badge-status-can-sua-loi{color:#fca5a5;background:#ef444438;border:1px solid #ef444480;box-shadow:0 0 12px #ef44444d}.badge-status-hoan-thanh{color:#6ee7b7;background:#10b98133;border:1px solid #10b98173;box-shadow:0 0 12px #10b98140}.badge-severity-critical{color:#fda4af;background:#e11d4840;border:1px solid #e11d4899;box-shadow:0 0 14px #e11d4859}.badge-severity-high{color:#fdba74;background:#f9731638;border:1px solid #f9731680}.badge-severity-medium{color:#fde047;background:#eab30833;border:1px solid #eab30873}.badge-severity-low{color:#7dd3fc;background:#38bdf833;border:1px solid #38bdf873}.app-container{background:var(--bg-darkest);width:100%;min-height:100vh;display:flex}.main-wrapper{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.app-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);z-index:40;background:#080e1cd9;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.brand-badge{cursor:pointer;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo-icon{background:var(--grad-primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex;box-shadow:0 0 20px #3b82f680}.brand-logo-icon:hover{transform:rotate(5deg)scale(1.05)}.brand-text-title{letter-spacing:-.5px;color:#fff;align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.brand-text-sub{color:var(--cyan-bright);letter-spacing:.5px;font-size:11px;font-weight:600}.header-right{align-items:center;gap:20px;display:flex}.role-switcher-box{border:1px solid var(--border-subtle);background:#0f172acc;border-radius:9999px;align-items:center;gap:8px;padding:4px 6px;display:flex}.role-switcher-label{color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px;padding-left:8px;font-size:11px;font-weight:600}.role-pill-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.role-pill-btn:hover{color:#fff}.role-pill-btn.active{background:var(--grad-primary);color:#fff;box-shadow:0 0 12px #3b82f666}.header-btn{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:#0f172ab3;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header-btn:hover{border-color:var(--border-bright);color:#fff;background:#1e3a8a4d}.notif-badge-count{color:#fff;border:2px solid var(--bg-darkest);background:#f43f5e;border-radius:9999px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-4px}.user-profile-header-btn{border:1px solid var(--border-subtle);cursor:pointer;background:#0f172ab3;border-radius:9999px;align-items:center;gap:10px;padding:4px 14px 4px 6px;transition:all .2s;display:flex}.user-profile-header-btn:hover{border-color:var(--border-bright);background:#1e3a8a40}.header-user-avatar{object-fit:cover;border:2px solid var(--cyan-accent);border-radius:50%;width:32px;height:32px}.app-sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);z-index:50;background:#070c18f2;flex-direction:column;flex-shrink:0;width:260px;padding:24px 16px;transition:all .3s;display:flex}.sidebar-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-sub);margin:18px 12px 8px;font-size:11px;font-weight:700}.nav-link{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:#fff;background:#1e3a8a33;border-color:#3b82f633}.nav-link.active{color:#fff;background:linear-gradient(135deg,#2563eb40 0%,#06b6d426 100%);border-color:#3b82f680;font-weight:600;box-shadow:0 0 16px #2563eb33}.nav-link-left{align-items:center;gap:12px;display:flex}.nav-badge-count{color:var(--cyan-bright);background:#3b82f640;border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-user-card{border:1px solid var(--border-subtle);background:#0d152699;border-radius:14px;align-items:center;gap:12px;margin-top:auto;padding:14px;display:flex}.content-area{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:32px 36px 48px}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{letter-spacing:-.5px;color:#fff;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 16px #2563eb59}.btn-primary:hover{background:var(--grad-primary-hover);transform:translateY(-1px);box-shadow:0 6px 24px #3b82f68c}.btn-secondary{border:1px solid var(--border-bright);color:#93c5fd;background:#1e3a8a40}.btn-secondary:hover{color:#fff;background:#1e3a8a73;border-color:#60a5fa99}.btn-danger{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.btn-danger:hover{color:#fff;background:#ef444459}.btn-outline{border:1px solid var(--border-subtle);color:var(--text-muted);background:0 0}.btn-outline:hover{border-color:var(--border-bright);color:#fff;background:#ffffff0a}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.form-group{margin-bottom:18px}.form-label{color:var(--text-muted);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-subtle);color:#f8fafc;background:#0a1020d9;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--blue-glow);background:#0d1528f2;outline:none;box-shadow:0 0 0 3px #3b82f640}.form-textarea{resize:vertical;min-height:80px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px;display:grid}.kpi-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:16px;padding:22px;transition:all .25s;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 10px 30px #0006,0 0 20px #3b82f633}:root:not([data-theme=light]) .kpi-card:hover{box-shadow:0 10px 30px #0000006b,0 7px 20px #3b82f638}.kpi-card:before{content:"";background:var(--grad-primary);width:100%;height:3px;position:absolute;top:0;left:0}.kpi-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-icon-wrap{width:44px;height:44px;color:var(--cyan-bright);background:#1e3a8a4d;border:1px solid #3b82f64d;border-radius:12px;justify-content:center;align-items:center;display:flex}.kpi-title{color:var(--text-muted);font-size:13px;font-weight:600}.kpi-value{color:#fff;letter-spacing:-.5px;font-size:30px;font-weight:800}.kpi-trend{align-items:center;gap:4px;margin-top:6px;font-size:12px;font-weight:600;display:inline-flex}.trend-up{color:#34d399}.trend-warn{color:#fbbf24}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:14px;width:100%;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.custom-table th{text-transform:uppercase;letter-spacing:.6px;color:var(--text-sub);border-bottom:1px solid var(--border-subtle);background:#080e1ce6;padding:14px 18px;font-size:12px;font-weight:700}.custom-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #3b82f614;padding:16px 18px}.custom-table tr:hover td{background:#1e3a8a1f}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:999;background:#04070fd1;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-bright);background:#090e1c;border-radius:20px;width:100%;max-width:640px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideIn;overflow-y:auto;box-shadow:0 25px 60px -12px #000c,0 0 35px #2563eb40}.modal-content.modal-lg{max-width:880px}.modal-content.modal-xl{max-width:1080px}.deadline-edit-modal{max-width:980px}.deadline-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}.form-group-full{grid-column:1/-1}.deadline-edit-note{color:#fde68a;background:#f59e0b14;border:1px solid #f59e0b47;border-radius:10px;margin-bottom:20px;padding:10px 12px;font-size:12px}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 26px;display:flex}.modal-title{color:#fff;font-size:18px;font-weight:700}.modal-body{padding:26px}.modal-footer{border-top:1px solid var(--border-subtle);background:#060a1499;border-radius:0 0 20px 20px;justify-content:flex-end;align-items:center;gap:12px;padding:16px 26px;display:flex}.kanban-board{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;margin-top:20px;display:grid}.kanban-column{border:1px solid var(--border-subtle);background:#0a102099;border-radius:16px;flex-direction:column;min-height:480px;padding:16px;display:flex}.kanban-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.kanban-col-title{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.kanban-card{background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s}.kanban-card:hover{border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 6px 20px #0006,0 0 12px #3b82f633}.app-footer{border-top:1px solid var(--border-subtle);color:var(--text-sub);background:#070c18e6;justify-content:space-between;align-items:center;margin-top:auto;padding:20px 32px;font-size:13px;display:flex}@media (width<=1024px){#mobile-sidebar-toggle{display:flex!important}.app-sidebar{width:270px;position:fixed;top:72px;bottom:0;left:-280px;box-shadow:10px 0 30px #000c}.app-sidebar.open{left:0}.content-area{padding:20px 16px 36px}.role-switcher-box{display:none}}.qc-app-shell .app-sidebar{padding:22px 14px 16px}.qc-sidebar-brand{border-bottom:1px solid var(--border-subtle);align-items:center;gap:11px;padding:4px 10px 22px;display:flex}.qc-sidebar-mark{background:var(--grad-primary);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:0 0 18px #3b82f659}.qc-sidebar-brand strong,.qc-sidebar-brand span{display:block}.qc-sidebar-brand strong{color:#f8fafc;letter-spacing:.5px;font-size:13px}.qc-sidebar-brand span{color:var(--cyan-bright);letter-spacing:.7px;margin-top:2px;font-size:9px;font-weight:700}.qc-sidebar-nav .nav-link{width:100%}.qc-sidebar-user{margin-top:auto}.qc-avatar-placeholder,.qc-header-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#06b6d4);border-radius:50%;flex:none;place-items:center;display:grid}.qc-avatar-placeholder{width:34px;height:34px;font-size:14px;font-weight:800}.qc-user-label{flex:1;min-width:0}.qc-user-label strong,.qc-user-label span{display:block}.qc-user-label strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.qc-user-label span{color:var(--text-sub);margin-top:2px;font-size:10px}.icon-button{color:var(--text-sub);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;display:grid}.icon-button:hover{color:#fca5a5;background:#ef44441a}.qc-header{min-height:78px}.qc-header-eyebrow,.qc-kicker{color:var(--cyan-bright);letter-spacing:1.2px;font-size:10px;font-weight:800}.qc-header-title{color:#fff;margin-top:2px;font-size:18px;line-height:1.2}.qc-header-profile{border:1px solid var(--border-subtle);color:var(--text-main);text-align:left;cursor:pointer;background:#0f172ab3;border-radius:999px;align-items:center;gap:9px;padding:5px 12px 5px 6px;display:flex}.qc-header-profile:hover{border-color:var(--border-bright)}.qc-header-actions{align-items:center;gap:10px;display:flex}.qc-notification-wrap{position:relative}.qc-notification-button{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:#0f172ab3;border-radius:12px;place-items:center;transition:all .2s;display:grid;position:relative}.qc-notification-button:hover,.qc-notification-button.is-open{border-color:var(--border-bright);color:var(--cyan-bright);background:#1e3a8a4d;box-shadow:0 0 18px #3b82f62e}.qc-theme-button{border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-muted);background:var(--bg-card);cursor:pointer;border-radius:12px;place-items:center;transition:all .2s;display:grid}.qc-theme-button:hover,.qc-theme-button:focus-visible{border-color:var(--border-bright);color:var(--cyan-bright);background:#1e3a8a4d;outline:none;box-shadow:0 0 18px #3b82f62e}.qc-notification-count{border:2px solid var(--bg-darkest);color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:800;line-height:14px;position:absolute;top:-5px;right:-5px}.qc-notification-panel{z-index:100;border:1px solid var(--border-bright);background:#080e1cfa;border-radius:16px;width:min(390px,100vw - 32px);animation:.16s ease-out fadeIn;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 22px 50px #0000008c,0 0 26px #2563eb29}.qc-notification-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 17px 13px;display:flex}.qc-notification-header strong,.qc-notification-header span{display:block}.qc-notification-header strong{color:#f8fafc;font-size:15px}.qc-notification-header span{color:var(--text-sub);margin-top:3px;font-size:11px}.qc-notification-mark-read{color:var(--cyan-bright);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;padding:3px 0;font-size:11px}.qc-notification-mark-read:hover{color:#fff;text-decoration:underline}.qc-notification-list{max-height:min(430px,100vh - 150px);display:grid;overflow-y:auto}.qc-notification-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3b82f617;align-items:flex-start;gap:11px;padding:14px 17px;transition:background .2s;display:flex;position:relative}.qc-notification-item:last-child{border-bottom:0}.qc-notification-item:hover{background:#1e3a8a38}.qc-notification-item.is-read{opacity:.62}.qc-notification-icon{border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.qc-notification-icon.info{color:#7dd3fc;background:#0ea5e924}.qc-notification-icon.warning{color:#fbbf24;background:#f59e0b24}.qc-notification-icon.danger{color:#fda4af;background:#f43f5e24}.qc-notification-content{flex:1;min-width:0}.qc-notification-content strong,.qc-notification-content span,.qc-notification-content small{display:block}.qc-notification-content strong{color:#f8fafc;font-size:12px}.qc-notification-content span{color:var(--text-muted);margin-top:3px;font-size:12px;line-height:1.45}.qc-notification-content small{color:var(--cyan-bright);align-items:center;gap:2px;margin-top:7px;font-size:10px;font-weight:700;display:inline-flex}.qc-notification-unread-dot{background:#38bdf8;border-radius:50%;flex:none;width:7px;height:7px;margin-top:7px;box-shadow:0 0 9px #38bdf8cc}.qc-notification-empty{color:var(--text-sub);text-align:center;flex-direction:column;align-items:center;gap:7px;padding:34px 24px 38px;display:flex}.qc-notification-empty svg{color:#34d399}.qc-notification-empty strong{color:var(--text-muted);font-size:13px}.qc-notification-empty span{font-size:11px}.qc-header-profile strong,.qc-header-profile small{display:block}.qc-header-profile strong{font-size:12px}.qc-header-profile small{color:var(--text-sub);margin-top:1px;font-size:10px}.qc-header-avatar{width:30px;height:30px}.qc-mobile-menu{display:none}.data-connection-banner{color:#fde68a;background:#78350f2b;border:1px solid #f59e0b40;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:11px 14px;font-size:12px;display:flex}.auth-screen{background:var(--bg-darkest);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{border:1px solid var(--border-bright);text-align:center;width:min(100%,460px);padding:32px}.auth-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{color:#fff;letter-spacing:1px}.auth-brand span{color:var(--text-muted);letter-spacing:1.5px;margin-top:2px;font-size:10px}.auth-card h1{color:#fff;margin-top:8px;font-size:28px}.auth-card form{text-align:left}.auth-help{color:var(--text-muted);margin:8px 0 22px;font-size:13px}.auth-submit{width:100%;margin-top:8px}.auth-link{color:var(--cyan-bright);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;font-size:13px}.auth-link:hover{color:#fff;text-decoration:underline}.auth-error{color:#fecdd3;background:#f43f5e1f;border:1px solid #f43f5e66;border-radius:10px;margin-bottom:14px;padding:10px 12px;font-size:13px}.auth-success{color:#a7f3d0;text-align:left;background:#10b9811f;border:1px solid #10b98166;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:13px}.account-create-panel{margin-bottom:20px;padding:20px 22px}.account-create-panel h3{color:#fff;align-items:center;gap:8px;display:flex}.account-create-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;margin-top:18px;display:grid}.account-create-actions{grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;margin-top:4px;display:flex}.account-create-link-help{grid-column:1/-1;margin-top:-8px}.account-field-checkboxes{flex-wrap:wrap;align-items:center;gap:14px;min-height:42px;display:flex}.account-field-checkbox{color:var(--text-main);cursor:pointer;align-items:center;gap:7px;display:inline-flex}.account-field-checkbox input{accent-color:#38bdf8;width:17px;height:17px}.account-table{min-width:1120px}.freelancer-table{min-width:1080px}.account-management-embedded{margin-bottom:20px}.freelancer-edit-modal{max-width:720px}.freelancer-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.account-edit-modal{max-width:720px}.account-edit-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.account-edit-form .form-checkbox-control{grid-column:1/-1;margin-top:4px}.role-badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.role-admin{color:#fde68a;background:#f59e0b29}.role-qc{color:#bae6fd;background:#0e749033}.role-freelancer{color:#bbf7d0;background:#22c55e26}.qc-page-heading{margin-bottom:22px}.qc-page-heading .page-title{margin-top:4px}.dashboard-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.dashboard-link-card{border:1px solid var(--border-subtle);background:#0d162abf;border-radius:14px;align-items:center;gap:13px;min-width:0;padding:17px 18px;display:flex}.dashboard-link-icon{width:40px;height:40px;color:var(--cyan-bright);background:#3b82f624;border-radius:11px;flex:none;place-items:center;display:grid}.dashboard-link-content{flex:1;min-width:0}.dashboard-link-content span,.dashboard-link-content strong,.dashboard-link-content a{display:block}.dashboard-link-content span{color:var(--text-sub);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:700}.dashboard-link-content a,.table-link{color:#93c5fd;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.empty-inline{color:var(--text-sub);margin-top:3px;font-size:13px;font-weight:500}.dashboard-link-arrow{color:var(--text-sub);flex:none}.upcoming-tasks-table-wrap{border:1px solid var(--border-subtle);border-radius:12px;overflow-x:auto}.upcoming-tasks-table{min-width:470px;font-size:12px}.upcoming-tasks-table th,.upcoming-tasks-table td{padding:10px 12px}.upcoming-tasks-table td:first-child strong,.upcoming-tasks-table td:first-child span{display:block}.upcoming-tasks-table td:first-child strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upcoming-tasks-table td:first-child span{color:var(--text-sub);margin-top:3px;font-size:11px}.upcoming-time-badge{color:#fde68a;white-space:nowrap;background:#f59e0b24;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.qc-kpi-grid{margin-bottom:20px}.qc-kpi-card{padding:18px}.qc-kpi-card .kpi-value{font-size:28px}.qc-kpi-card .kpi-caption{color:var(--text-sub);margin-top:5px;font-size:11px;display:block}.qc-kpi-card.tone-amber .kpi-icon-wrap{color:#fbbf24;background:#f59e0b21}.qc-kpi-card.tone-green .kpi-icon-wrap{color:#34d399;background:#10b98121}.qc-kpi-card.tone-cyan .kpi-icon-wrap{color:#22d3ee;background:#06b6d421}.dashboard-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.dashboard-section,.qc-table-panel,.profile-avatar-card,.profile-form-card,.profile-qr-card,.profile-password-card{padding:20px}.section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.section-heading h3{color:#fff;align-items:center;gap:8px;margin-top:4px;font-size:16px;display:flex}.text-button{color:#93c5fd;font:inherit;cursor:pointer;background:0 0;border:0;font-size:12px}.text-button:hover,.table-link:hover{color:#fff}.empty-state{min-height:170px;color:var(--text-sub);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-state strong{color:var(--text-muted);font-size:13px}.empty-state span{max-width:340px;font-size:12px}.empty-state.compact{min-height:205px}.recent-chapter-list{flex-direction:column;gap:15px;display:flex}.recent-chapter-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.recent-chapter-row strong,.recent-chapter-row span{display:block}.recent-chapter-row strong{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.recent-chapter-row span{color:var(--text-sub);margin-top:2px;font-size:11px}.recent-chapter-row{border-bottom:1px solid #3b82f61a;padding:11px 0}.recent-chapter-row:last-child{border-bottom:0}.data-status,.field-badge{white-space:nowrap;border-radius:999px;align-items:center;width:max-content;padding:4px 8px;font-weight:700;margin-top:0!important;font-size:10px!important;display:inline-flex!important}.data-status.success,.data-status.completed{background:#10b9811f;color:#6ee7b7!important}.data-status.pending{background:#f59e0b1f;color:#fde68a!important}.field-badge{color:#bae6fd;background:#0e74902e}.difficulty-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;width:max-content;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.difficulty-training{color:#145da0;background:#acd5f4;border-color:#8fc5e9}.difficulty-normal{color:#166534;background:#bfdcba;border-color:#a8d0a2}.difficulty-medium{color:#8a5a00;background:#edddb2;border-color:#e4cf9a}.difficulty-hard{color:#a61b36;background:#e7b6c2;border-color:#d99cad}.difficulty-very-hard{color:#fff;background:#b20823;border-color:#d63b52}.difficulty-unknown{color:#cbd5e1;background:#1e293b;border-color:#475569}.completion-badge{color:#a7f3d0;background:#10b98124;border:1px solid #34d39959;border-radius:999px;justify-content:center;min-width:52px;padding:4px 8px;font-weight:700;display:inline-flex}.raw-status-checkbox,.form-checkbox-control input{accent-color:#22c55e;width:18px;height:18px}.raw-status-checkbox{cursor:default;margin:0 auto;display:block}.form-checkbox-control{min-height:42px;color:var(--text-main);cursor:pointer;align-items:center;gap:9px;display:inline-flex}.task-status-cell{flex-direction:column;align-items:center;gap:4px;min-width:118px;display:flex}.task-status-dropdown{width:118px;position:relative}.task-status-trigger,.task-status-badge{text-align:center;border:1px solid #94a3b83d;border-radius:9px;justify-content:center;align-items:center;width:100%;min-height:34px;padding:6px 9px;font-size:13px;font-weight:600;display:inline-flex}.task-status-trigger{color:#cbd5e1;font:inherit;cursor:pointer;background:#0f172ae0;justify-content:space-between;gap:7px}.task-status-trigger:hover:not(:disabled),.task-status-dropdown.is-open .task-status-trigger{background:#0f172afa;border-color:#38bdf88c;box-shadow:0 0 0 3px #38bdf81a}.task-status-trigger:focus-visible{border-color:var(--cyan-bright);outline:0;box-shadow:0 0 0 3px #38bdf82e}.task-status-trigger:disabled{cursor:wait;opacity:.72}.task-status-trigger-label{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:inline-flex;overflow:hidden}.task-status-dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 8px}.task-status-chevron{width:16px;height:16px;color:var(--text-sub);flex:none;justify-content:center;align-items:center;font-size:17px;line-height:1;transition:transform .2s;display:inline-flex}.task-status-dropdown.is-open .task-status-chevron{transform:rotate(180deg)}.task-status-menu{z-index:1000;background:#0b1427;border:1px solid #38bdf84d;border-radius:11px;gap:3px;min-width:142px;padding:5px;animation:.14s ease-out fadeIn;display:grid;position:fixed;box-shadow:0 16px 30px #00000080,0 0 22px #0ea5e921}.task-status-option{color:#cbd5e1;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;font-size:12px;display:flex}.task-status-option:hover,.task-status-option.is-selected{background:#38bdf81f;border-color:#38bdf838}.task-status-doing{color:#854d0e;background:#fde7a9}.task-status-trigger.task-status-doing,.task-status-option.task-status-doing{color:#fbbf24;background:#f59e0b1f}.task-status-submitted{color:#075985;background:#bae6fd}.task-status-trigger.task-status-submitted,.task-status-option.task-status-submitted{color:#7dd3fc;background:#0ea5e921}.task-status-checking{color:#b91c1c;background:#fecaca}.task-status-trigger.task-status-checking,.task-status-option.task-status-checking{color:#fca5a5;background:#ef444421}.task-status-fixing{color:#6b21a8;background:#e9d5ff}.task-status-trigger.task-status-fixing,.task-status-option.task-status-fixing{color:#d8b4fe;background:#a855f724}.task-status-done{color:#166534;background:#d9f99d}.task-status-trigger.task-status-done,.task-status-option.task-status-done{color:#86efac;background:#22c55e21}.task-status-pending{color:#64748b;background:#64748b29;border-color:#64748b3d}.task-status-option.task-status-pending{color:#94a3b8;background:0 0}.task-duration{color:var(--text-sub);white-space:nowrap;font-size:11px}.submitted-at-cell{white-space:normal;flex-direction:column;gap:2px;display:inline-flex}.table-wrapper-flat{background:0 0;border:0}.table-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar-search{border:1px solid var(--border-subtle);min-width:240px;color:var(--text-sub);background:#0a1020d9;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.toolbar-search input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0;padding:10px 0;font-size:13px}.toolbar-filter{width:auto;min-width:160px}.deadline-toolbar .toolbar-filter{min-width:145px}.table-empty{min-height:230px}.mono-cell{font-family:var(--font-mono);font-size:12px;color:#7dd3fc!important}.strong-cell{font-weight:700;color:#f8fafc!important}.deadline-table{min-width:1500px}.salary-table{min-width:720px}.salary-cell{white-space:nowrap;font-weight:700;color:#6ee7b7!important}.price-table{min-width:720px}.difficulty-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.difficulty-field-card{padding:18px}.difficulty-field-card-header,.difficulty-manager-toolbar,.difficulty-level-manager-row,.color-input-row,.modal-inline-actions{align-items:center;gap:10px;display:flex}.difficulty-field-card-header,.difficulty-manager-toolbar{justify-content:space-between}.difficulty-field-card h3{color:#fff;margin-top:4px;font-size:18px}.difficulty-level-chips{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.difficulty-level-chip{border:1px solid var(--border-subtle);color:var(--text-main);background:#0f172acc;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.difficulty-color-dot{border-radius:999px;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 2px #ffffff1f}.difficulty-color-dot.large{width:18px;height:18px}.difficulty-custom-badge{color:#fff;border-color:var(--difficulty-color);background:var(--difficulty-color);text-shadow:0 1px 2px #0006}.difficulty-level-modal{max-width:760px}.difficulty-level-manager-list{flex-direction:column;gap:8px;margin-top:18px;display:flex}.difficulty-level-manager-row{border:1px solid var(--border-subtle);background:#0a1020b8;border-radius:10px;min-height:52px;padding:9px 12px}.difficulty-level-manager-row strong{color:#fff;flex:1}.difficulty-level-hex{color:var(--text-muted);font-family:var(--font-mono);font-size:12px}.difficulty-level-form{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:18px}.difficulty-level-form-heading{color:#fff;margin-bottom:14px;font-weight:700}.difficulty-level-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px;display:grid}.color-input{border:1px solid var(--border-subtle);cursor:pointer;background:#0a1020d9;border-radius:10px;width:48px;height:42px;padding:3px}.color-input-row .form-input{flex:1}.form-help,.muted-inline{color:var(--text-muted);font-size:12px}.modal-inline-actions{justify-content:flex-end}.page-header-actions,.table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.price-edit-modal{max-width:540px}.bonus-settings-panel{border-radius:16px;margin-bottom:20px;padding:18px 20px 20px;overflow:hidden}.bonus-settings-header h3{color:#fff;margin-top:4px;font-size:18px}.bonus-settings-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:16px;margin-top:18px;display:grid}.bonus-settings-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:14px;min-width:0;min-height:42px;display:flex}.bonus-settings-actions .muted-inline{flex:1;min-width:0}.general-settings-panel{border-radius:16px;margin-bottom:20px;padding:18px 20px 20px}.general-settings-form{align-items:flex-end;gap:16px;margin-top:18px;display:flex}.general-settings-form .form-group{flex:1;max-width:520px}.google-sheet-settings-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;display:grid}.google-sheet-settings-form>.form-group-full,.google-sheet-settings-form>.general-settings-tab-grid,.google-sheet-settings-form>.general-settings-checkbox,.google-sheet-settings-form>.general-settings-actions{grid-column:1/-1}.google-sheet-settings-form>.form-group-full,.google-sheet-settings-form>.general-settings-tab-grid{min-width:0;max-width:none}.google-sheet-settings-form .form-input{width:100%;min-width:0}.general-settings-tab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;width:100%;display:grid}.general-settings-tab-grid .form-group{max-width:none}.general-settings-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.general-settings-checkbox{min-height:38px;color:var(--text-sub);align-items:center;gap:8px;font-size:12px;display:inline-flex}.general-settings-checkbox input{accent-color:var(--cyan-bright)}.general-settings-sync-status,.general-settings-sync-error{margin-top:12px}.general-settings-sync-status{color:#86efac}.general-settings-sync-error{color:#fda4af}.general-field-create-form,.general-field-edit-form{align-items:center;gap:10px;display:flex}.general-field-create-form{max-width:720px;margin-bottom:16px}.general-field-create-form .form-input,.general-field-edit-form .form-input{flex:1}.general-field-edit-fields{flex:1;grid-template-columns:minmax(150px,.8fr) minmax(200px,1fr) minmax(200px,1fr);align-items:end;gap:0 12px;display:grid}.general-field-edit-fields .form-group{min-width:0;margin-bottom:0}.general-field-list{gap:8px;display:grid}.general-field-row{border:1px solid var(--border-color);background:#0a102075;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 10px;display:flex}.general-field-summary{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.general-field-links{min-width:0;color:var(--text-muted);gap:4px;font-size:11px;display:grid}.general-field-links span{align-items:center;gap:5px;min-width:0;display:inline-flex}.general-field-links svg{color:var(--cyan-bright);flex:none}.general-field-links a{color:#93c5fd;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.general-field-links em{color:var(--text-sub);font-style:normal}.general-field-edit-form{width:100%}.deadline-table td{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.qr-preview-modal{max-width:420px}.qr-preview-body{flex-direction:column;align-items:center;gap:14px;display:flex}.qr-preview-body img{object-fit:contain;background:#fff;border-radius:8px;max-width:260px;max-height:260px}.profile-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.profile-avatar-card{flex-direction:column;align-items:center;gap:14px;display:flex}.profile-avatar-large{border:2px solid var(--border-bright);width:112px;height:112px;color:var(--cyan-bright);background:#1e3a8a4d;border-radius:50%;place-items:center;display:grid;overflow:hidden}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-upload-button{cursor:pointer}.profile-role{color:var(--cyan-bright);font-size:12px;font-weight:700}.profile-qr-card{grid-column:1/-1;min-width:0}.profile-qr-layout{align-items:center;gap:22px;display:flex}.profile-qr-preview{border:1px dashed var(--border-bright);width:164px;height:164px;color:var(--text-sub);background:#f8fafc0a;border-radius:14px;flex:none;place-items:center;display:grid;overflow:hidden}.profile-qr-preview img{object-fit:contain;background:#fff;width:100%;height:100%;padding:8px}.profile-qr-actions{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.profile-qr-actions .form-help{margin-bottom:3px}.profile-qr-error{color:#fda4af;font-size:12px}.profile-form-card,.profile-password-card{min-width:0}.profile-password-card{grid-column:1/-1}@media (width<=1024px){.qc-mobile-menu{display:flex}.dashboard-two-column,.profile-grid,.difficulty-field-grid{grid-template-columns:1fr}.profile-password-card,.profile-qr-card{grid-column:auto}}@media (width<=680px){.qc-header-eyebrow{font-size:8px}.qc-header-title{font-size:15px}.qc-header-profile{padding-right:6px}.qc-header-profile>span:last-child{display:none}.dashboard-link-grid{grid-template-columns:1fr}.data-connection-banner{flex-direction:column;align-items:flex-start}.toolbar-search,.toolbar-filter,.deadline-toolbar .toolbar-filter{width:100%;min-width:100%}.deadline-edit-grid,.difficulty-level-form-grid,.bonus-settings-form{grid-template-columns:1fr}.general-settings-form,.general-field-create-form,.general-field-row{flex-direction:column;align-items:stretch}.general-settings-form .form-group,.general-field-create-form,.general-field-edit-form{width:100%;max-width:none}.general-settings-tab-grid,.google-sheet-settings-form{grid-template-columns:1fr}.general-field-row .table-actions{width:100%}.general-field-summary{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.general-field-edit-fields{grid-template-columns:1fr;width:100%}.profile-qr-layout{flex-direction:column;align-items:stretch}.profile-qr-preview{align-self:center}.bonus-settings-actions{justify-content:space-between}.account-create-form{grid-template-columns:1fr}.account-create-actions{flex-direction:column;grid-column:auto;align-items:flex-start}.account-edit-form,.freelancer-edit-form{grid-template-columns:1fr}.account-edit-form .form-checkbox-control,.form-group-full{grid-column:auto}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .app-header,:root[data-theme=light] .app-sidebar,:root[data-theme=light] .app-footer,:root[data-theme=light] .sidebar-user-card,:root[data-theme=light] .qc-header-profile,:root[data-theme=light] .header-btn,:root[data-theme=light] .role-switcher-box,:root[data-theme=light] .qc-notification-button{background:#ffffffe0}:root[data-theme=light] .nav-link:hover{color:var(--text-main);background:#2563eb14;border-color:#2563eb2e}:root[data-theme=light] .nav-link.active{color:#0f172a;background:linear-gradient(135deg,#2563eb29 0%,#06b6d41f 100%);border-color:#2563eb59}:root[data-theme=light] .qc-header-title,:root[data-theme=light] .page-title,:root[data-theme=light] .kpi-value,:root[data-theme=light] .modal-title,:root[data-theme=light] .kanban-col-title,:root[data-theme=light] .section-heading h3,:root[data-theme=light] .difficulty-field-card h3,:root[data-theme=light] .difficulty-level-manager-row strong,:root[data-theme=light] .difficulty-level-form-heading,:root[data-theme=light] .bonus-settings-header h3,:root[data-theme=light] .account-create-panel h3,:root[data-theme=light] .qc-notification-header strong,:root[data-theme=light] .qc-notification-content strong,:root[data-theme=light] .upcoming-tasks-table td:first-child strong,:root[data-theme=light] .recent-chapter-row strong{color:var(--text-main)}:root[data-theme=light] .qc-theme-button,:root[data-theme=light] .qc-notification-button{color:var(--text-muted)}:root[data-theme=light] .qc-theme-button:hover,:root[data-theme=light] .qc-theme-button:focus-visible,:root[data-theme=light] .qc-notification-button:hover,:root[data-theme=light] .qc-notification-button.is-open,:root[data-theme=light] .header-btn:hover{color:var(--blue-glow);background:#2563eb17}:root[data-theme=light] .form-input,:root[data-theme=light] .form-select,:root[data-theme=light] .form-textarea,:root[data-theme=light] .toolbar-search,:root[data-theme=light] .difficulty-level-chip,:root[data-theme=light] .difficulty-level-manager-row,:root[data-theme=light] .color-input,:root[data-theme=light] .task-status-trigger{color:var(--text-main);background:#ffffffeb}:root[data-theme=light] .form-input:focus,:root[data-theme=light] .form-select:focus,:root[data-theme=light] .form-textarea:focus,:root[data-theme=light] .task-status-trigger:hover:not(:disabled),:root[data-theme=light] .task-status-dropdown.is-open .task-status-trigger{background:#fff}:root[data-theme=light] .toolbar-search input{color:var(--text-main)}:root[data-theme=light] .custom-table th{background:var(--bg-darker)}:root[data-theme=light] .custom-table tr:hover td,:root[data-theme=light] .qc-notification-item:hover{background:#2563eb0f}:root[data-theme=light] .general-field-row{background:#f8fafcf5;border-color:#94a3b85c}:root[data-theme=light] .general-field-row:hover{background:#fff;border-color:#2563eb47}:root[data-theme=light] .dashboard-link-card,:root[data-theme=light] .qc-notification-panel,:root[data-theme=light] .modal-content,:root[data-theme=light] .task-status-menu{background:#fff}:root[data-theme=light] .modal-overlay{background:#0f172a47}:root[data-theme=light] .modal-footer{background:#f1f5f9e6}:root[data-theme=light] .kanban-column{background:#e2e8f080}:root[data-theme=light] .task-status-option{color:var(--text-main)}:root[data-theme=light] .btn-secondary{color:#1d4ed8;background:#2563eb1a}:root[data-theme=light] .btn-secondary:hover,:root[data-theme=light] .btn-outline:hover,:root[data-theme=light] .text-button:hover,:root[data-theme=light] .table-link:hover,:root[data-theme=light] .qc-notification-mark-read:hover{color:var(--text-main)}:root[data-theme=light] .data-connection-banner{color:#92400e;background:#f59e0b1f}:root[data-theme=light] .completion-badge,:root[data-theme=light] .data-status.success,:root[data-theme=light] .data-status.completed{background:#10b98124;border-color:#05966959;color:#047857!important}:root[data-theme=light] .data-status.pending,:root[data-theme=light] .upcoming-time-badge,:root[data-theme=light] .role-admin{background:#f59e0b29;color:#92400e!important}:root[data-theme=light] .field-badge,:root[data-theme=light] .role-qc{color:#0e7490;background:#0e74901f}:root[data-theme=light] .qc-kpi-card.tone-blue .kpi-icon-wrap{color:#0284c7;background:#2563eb1a;border-color:#2563eb3d}:root[data-theme=light] .role-freelancer{color:#166534;background:#22c55e24}:root[data-theme=light] .task-status-trigger.task-status-doing,:root[data-theme=light] .task-status-option.task-status-doing{color:#92400e;background:#fef3c7}:root[data-theme=light] .task-status-trigger.task-status-submitted,:root[data-theme=light] .task-status-option.task-status-submitted{color:#075985;background:#e0f2fe}:root[data-theme=light] .task-status-trigger.task-status-checking,:root[data-theme=light] .task-status-option.task-status-checking{color:#b91c1c;background:#fee2e2}:root[data-theme=light] .task-status-trigger.task-status-fixing,:root[data-theme=light] .task-status-option.task-status-fixing{color:#6b21a8;background:#f3e8ff}:root[data-theme=light] .task-status-trigger.task-status-done,:root[data-theme=light] .task-status-option.task-status-done{color:#166534;background:#dcfce7}:root[data-theme=light] .task-status-trigger.task-status-pending,:root[data-theme=light] .task-status-option.task-status-pending{color:#475569;background:#f1f5f9}:root[data-theme=light] .deadline-edit-note{color:#92400e;background:#f59e0b1f;border-color:#d9770659}:root[data-theme=light] .strong-cell{color:var(--text-main)!important}:root[data-theme=light] .mono-cell{color:#0284c7!important}:root[data-theme=light] .qc-sidebar-brand strong,:root[data-theme=light] .qc-user-label strong,:root[data-theme=light] .auth-brand strong,:root[data-theme=light] .auth-card h1{color:var(--text-main)}