:root{--bg:#fff;--bg-accent:#f8f8f8;--ink:#0d0d0d;--ink-soft:#4a4a4a;--ink-strong:#0d0d0d;--line:rgba(139,105,20,.4);--border:rgba(139,105,20,.2);--surface-soft:#f8f8f8;--card:#fff;--brand:#c9920a;--brand-soft:#b8860b;--danger:#c53030;--warn:#9a6700;--card-glass:hsla(0,0%,100%,.9);--card-glass-border:rgba(139,105,20,.2);--bg-input:#fff;--table-head:#fafafa;--hover-bg:rgba(201,146,10,.05);color-scheme:light;font-family:Aptos,Segoe UI,sans-serif}[data-theme=dark]{--bg:#0d0d0d;--bg-accent:#111;--ink:#f5f5f5;--ink-soft:#a8a8a8;--ink-strong:#f5f5f5;--line:#8b6914;--border:#333;--surface-soft:#1a1a1a;--card:#151515;--brand:#c9920a;--brand-soft:#b8860b;--card-glass:rgba(15,23,42,.85);--card-glass-border:#8b6914;--bg-input:#1a1a1a;--table-head:#111;--hover-bg:rgba(201,146,10,.1);color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);background-image:radial-gradient(circle at 10% 10%,hsla(0,0%,100%,.05) 0,transparent 55%,rgba(0,0,0,.05) 100%)}.app-shell,body{min-height:100vh}.app-shell{position:relative}.shell-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 200px at 20% 0,rgba(31,79,165,.12),transparent 60%),radial-gradient(700px 260px at 80% 100%,rgba(21,121,180,.1),transparent 70%)}.app-content,.login-layout{position:relative;z-index:1}.container{max-width:1400px;margin:0 auto;padding:1rem .8rem 2rem}.card{background:var(--card-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--card-glass-border);box-shadow:0 8px 32px rgba(0,0,0,.08);padding:.6rem}.page-header{justify-content:space-between;gap:1rem;margin-bottom:1.05rem}.header-actions,.page-header{display:flex;align-items:center}.header-actions{gap:.6rem}.brand-wrap{display:flex;align-items:center;gap:.85rem}.brand-wrap h1{margin:0;font-size:1.08rem;letter-spacing:.2px}.brand-wrap p{margin:.2rem 0 0;color:var(--ink-soft);font-size:.92rem}.brand-logo{border-radius:10px;background:#fff;border:1px solid var(--line);object-fit:cover}.brand-logo-large{width:64px;height:64px}.button{border:none;border-radius:8px;padding:.45rem .8rem;background:var(--brand);color:#000;cursor:pointer;font-weight:700}.button-secondary{background:var(--bg-accent);color:var(--brand);border:1px solid var(--line)}.button:disabled{opacity:.65;cursor:not-allowed}.btn{border:none;border-radius:8px;padding:.55rem 1rem;background:var(--brand);color:#000;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease}.btn:hover{background:var(--brand-soft);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,.08)}.btn--primary{background:var(--brand);color:#000}.btn--primary:hover{background:var(--brand-soft)}.btn--secondary{background:var(--bg-accent);color:var(--ink);border:1px solid var(--line)}.btn--secondary:hover{background:var(--surface-soft)}.btn--ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line)}.btn--ghost:hover{background:var(--surface-soft);color:var(--ink)}.btn--small{padding:.4rem .75rem;font-size:.8rem}.stack{display:grid;grid-gap:.9rem;gap:.9rem;margin-bottom:.9rem}.filter-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.filter-group{display:grid;grid-gap:.3rem;gap:.3rem;min-width:140px;flex:1 1 150px}.filter-group label{font-size:.86rem}.filter-group input,.filter-group select{border:1px solid var(--line);border-radius:10px;padding:.55rem .6rem;background:#fff}.desktop-search-group{min-width:240px;flex:1 1 260px}.mobile-search-row{display:grid;grid-gap:.3rem;gap:.3rem}.mobile-search-input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.48rem .6rem;background:#fff}.assignee-cell input,.project-grid input,.project-grid select,td select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.4rem .5rem;background:var(--bg-input);margin-top:.3rem;color:var(--ink)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.stat-card{border:1px solid var(--line);border-radius:12px;padding:.7rem}.stat-card p{margin:0;color:var(--ink-soft);font-size:.78rem}.stat-card h3{margin:.45rem 0 0;font-size:1rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}.desktop-only{display:block}.mobile-only{display:none}table{width:100%;border-collapse:collapse;font-size:.78rem}td,th{border-bottom:1px solid var(--line);padding:.42rem .35rem;text-align:left;vertical-align:middle}th{color:var(--brand);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.5px;background:var(--table-head)}tbody tr:hover{background:var(--hover-bg)}.note-cell{min-width:240px}.note-editor{display:grid;grid-template-columns:1fr auto;grid-gap:.45rem;gap:.45rem;align-items:start}.note-input{padding:.45rem}.links-input,.note-input{width:100%;border:1px solid var(--line);border-radius:10px;resize:vertical;min-height:70px}.links-input{padding:.55rem}.expandable-cell p{margin:0;white-space:pre-wrap;line-height:1.45}.link-button{border:none;background:transparent;color:var(--brand);cursor:pointer;padding:0;margin-top:.3rem;font-weight:600}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.link-chip{display:inline-block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;color:var(--brand);text-decoration:none;background:var(--bg-input)}.link-chip:hover{text-decoration:underline}.chip-editor{display:grid;grid-gap:.4rem;gap:.4rem}.editable-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-input);padding:.12rem .38rem .12rem .45rem;max-width:100%}.editable-chip a,.editable-chip span{color:var(--brand);text-decoration:none;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-chip a:hover{text-decoration:underline}.chip-remove{border:none;background:transparent;color:#496c99;cursor:pointer;font-size:.9rem;line-height:1;padding:0 .1rem}.chip-input-row{display:grid;grid-template-columns:1fr auto;grid-gap:.4rem;gap:.4rem}.chip-input-row input{width:100%;border:1px solid var(--line);border-radius:10px;padding:.45rem .55rem;background:var(--bg-input);color:var(--ink)}.links-cell{min-width:220px}.note-optimized{background:var(--bg-input);border-color:var(--line);min-height:82px;color:var(--ink)}.project-links-block,.project-note-block{margin-bottom:.65rem}.icon-button{border:1px solid var(--line);background:var(--card);color:var(--brand);border-radius:10px;padding:.28rem .38rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px}.modal-backdrop{position:fixed;inset:0;background:rgba(11,24,44,.45);display:grid;place-items:center;padding:1rem;z-index:20}.modal-card{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.18);padding:.85rem}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.modal-head h3{margin:0}.modal-text{margin:.75rem 0 0;white-space:pre-wrap;line-height:1.5;color:var(--ink)}.modal-editor-wrap{display:grid;grid-gap:.6rem;gap:.6rem;margin-top:.7rem}.tone-approaching{color:var(--warn);font-weight:700}.tone-overdue{color:var(--danger);font-weight:700}.action-note{margin:0;color:#1f4fa5;font-weight:600}.mobile-cards{gap:.8rem}.project-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.65rem}.project-card-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.project-card-head h3{margin:0;font-size:.96rem}.project-meta{margin:.2rem 0 .6rem}.project-meta,.project-meta-label{color:var(--ink-soft);font-size:.82rem}.project-meta-label{margin:0 0 .35rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.28rem .5rem;gap:.28rem .5rem;margin-bottom:.45rem}.project-grid p{margin:0;font-size:.87rem}.project-note p{margin:0;font-size:.9rem}.project-note{display:flex;align-items:center;gap:.55rem}.deadline-chip{border-radius:999px;border:1px solid var(--line);background:var(--bg-accent);color:var(--ink-soft);padding:.16rem .45rem;font-size:.72rem;font-weight:700}.footer-note{text-align:center;color:var(--ink-soft);font-size:.85rem;padding-top:.4rem}.footer-fixed{padding-bottom:1rem}.login-layout{display:grid;grid-template-columns:1fr 420px;grid-gap:1rem;gap:1rem;align-items:start;padding-top:3.5rem}.login-brand{min-height:320px;display:grid;place-content:center;text-align:center}.login-brand h1{margin:.6rem 0 .35rem}.login-brand p{color:var(--ink-soft);margin:0}.login-box{width:100%}.login-card h1{margin-top:0;margin-bottom:.2rem}.muted{margin-top:0;color:var(--ink-soft);font-size:.9rem}.field{display:grid;grid-gap:.35rem;gap:.35rem;margin-bottom:.8rem}.field input{border:1px solid var(--line);border-radius:10px;padding:.64rem;outline:none}.field input:focus,.links-input:focus,.note-input:focus{border-color:#8fafef;box-shadow:0 0 0 3px rgba(31,79,165,.12)}.error{color:var(--danger);margin-bottom:.75rem}@media (max-width:980px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{grid-template-columns:1fr;padding-top:1.5rem}}@media (max-width:760px){.container{padding:.9rem .6rem 1.4rem}.filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;grid-gap:.4rem;gap:.4rem;overflow:visible;padding-bottom:0}.filter-group{min-width:0;flex:0 0 auto;gap:.18rem}.filter-group label{font-size:.74rem}.filter-group select{padding:.38rem .4rem;font-size:.76rem;border-radius:8px}.page-header{align-items:center;gap:.7rem;padding:.7rem}.brand-wrap{align-items:flex-start}.brand-wrap h1{font-size:1.04rem}.brand-wrap p{font-size:.78rem;line-height:1.35}.stats-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem;padding-bottom:.2rem}.stat-card{min-width:110px;padding:.5rem;border-radius:10px;flex:0 0 110px}.stat-card p{font-size:.7rem}.stat-card h3{font-size:.9rem;margin-top:.28rem}.desktop-only{display:none}.mobile-only{display:grid}.project-grid{grid-template-columns:1fr}.card{border-radius:12px;padding:.6rem}.project-card-head h3{font-size:.84rem;line-height:1.25}.project-grid p,.project-meta,.project-note p{font-size:.78rem;line-height:1.35}.deadline-chip{font-size:.68rem}.button{padding:.32rem .55rem;font-size:.72rem;border-radius:6px}}.main-tabs{display:flex;gap:.5rem;background:var(--bg-accent);padding:.25rem;border-radius:12px;border:1px solid var(--line)}.tab-btn{border:none;background:transparent;padding:.45rem 1rem;border-radius:8px;color:var(--ink-soft);font-weight:600;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--ink)}.tab-btn.active{background:#fff;color:var(--brand);box-shadow:0 2px 4px rgba(0,0,0,.05)}.employee-dashboard,.manager-dashboard{display:grid;grid-gap:1.2rem;gap:1.2rem}.dashboard-header{margin-bottom:.8rem;padding:.2rem 0}.dashboard-header h2{margin:0 0 .4rem;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--ink) 0,var(--ink-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{margin:0;color:var(--ink-soft);font-size:.88rem;font-weight:500;letter-spacing:.3px}.stats-grid{display:grid;grid-gap:.7rem;gap:.7rem}.stats-grid-2{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-grid-4{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{background:var(--card);border:1px solid rgba(139,105,20,.15);border-radius:14px;padding:.85rem;display:flex;align-items:center;gap:.65rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,146,10,.5),transparent)}.stat-card:hover{border-color:var(--brand);box-shadow:0 8px 16px rgba(201,146,10,.12);transform:translateY(-2px)}.stat-card.stat-sm{padding:.7rem;gap:.5rem}.stat-card.stat-md{padding:.9rem}.stat-card.stat-lg{padding:1.1rem}.stat-card.stat-primary{border-color:rgba(59,130,246,.25)}.stat-card.stat-primary:hover{border-color:#3b82f6;box-shadow:0 8px 16px rgba(59,130,246,.12)}.stat-card.stat-success{border-color:rgba(16,185,129,.25)}.stat-card.stat-success:hover{border-color:#10b981;box-shadow:0 8px 16px rgba(16,185,129,.12)}.stat-card.stat-warning{border-color:rgba(245,158,11,.25)}.stat-card.stat-warning:hover{border-color:#f59e0b;box-shadow:0 8px 16px rgba(245,158,11,.12)}.stat-card.stat-danger{border-color:rgba(239,68,68,.25)}.stat-card.stat-danger:hover{border-color:#ef4444;box-shadow:0 8px 16px rgba(239,68,68,.12)}.stat-card.stat-info{border-color:rgba(201,146,10,.25)}.stat-icon{font-size:1.3rem;opacity:.8}.stat-content{display:flex;flex-direction:column;gap:.15rem}.stat-label{font-size:.75rem;letter-spacing:.4px}.stat-value{font-size:1.6rem;letter-spacing:-.5px}.stat-sm .stat-value{font-size:1.3rem}.stat-subtext{font-size:.7rem;color:#10b981;font-weight:600}.dashboard-grid{display:grid;grid-gap:1rem;gap:1rem}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-card{background:var(--card);border:1px solid rgba(139,105,20,.12);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-card:hover{border-color:rgba(201,146,10,.25);box-shadow:0 8px 24px rgba(0,0,0,.08)}.dashboard-card.alert-card{border-left-width:3px}.dashboard-card.alert-danger{border-left-color:#ef4444;background:linear-gradient(135deg,var(--card) 0,rgba(239,68,68,.03) 100%)}.dashboard-card.alert-warning{border-left-color:#f59e0b;background:linear-gradient(135deg,var(--card) 0,rgba(245,158,11,.03) 100%)}.card-header{padding:.8rem;border-bottom:1px solid rgba(139,105,20,.1);background:linear-gradient(180deg,transparent,rgba(201,146,10,.02))}.card-header h3{margin:0 0 .15rem;font-size:1.05rem;font-weight:700;letter-spacing:-.3px}.card-subtitle{margin:0;font-size:.78rem;color:var(--ink-soft);font-weight:500}.card-body{padding:.8rem;flex:1 1;overflow:auto}.progress-container{display:grid;grid-gap:.3rem;gap:.3rem}.progress-label{letter-spacing:.3px}.progress-bar-wrapper{display:grid;grid-gap:.25rem;gap:.25rem;grid-template-columns:1fr auto;align-items:center}.progress-bar-wrapper.progress-sm{gap:.2rem}.progress-bar-wrapper.progress-md{gap:.3rem}.progress-bar-wrapper.progress-lg{gap:.4rem}.progress-background{width:100%;height:6px;background:var(--bg-accent);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.progress-sm .progress-background{height:5px}.progress-md .progress-background{height:6px}.progress-lg .progress-background{height:8px}.progress-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 4px rgba(201,146,10,.3)}.progress-primary{background:#3b82f6!important;box-shadow:0 2px 4px rgba(59,130,246,.3)!important}.progress-success{background:#10b981!important;box-shadow:0 2px 4px rgba(16,185,129,.3)!important}.progress-warning{background:#f59e0b!important;box-shadow:0 2px 4px rgba(245,158,11,.3)!important}.progress-danger{background:#ef4444!important;box-shadow:0 2px 4px rgba(239,68,68,.3)!important}.progress-info{background:var(--brand)!important}.progress-animated .progress-fill{animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.8}}.progress-text{font-size:.7rem;font-weight:700;color:var(--ink-soft);min-width:30px;text-align:right}.simple-progress{display:grid;grid-gap:.25rem;gap:.25rem}.simple-progress.compact{gap:.2rem}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-count{font-size:.7rem;color:var(--ink);font-weight:700}.circle-progress-container{display:flex;align-items:center;justify-content:center;position:relative}.circle-progress-svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.08))}.circle-progress-fill{animation:circle-dash .6s ease-in-out backwards}@keyframes circle-dash{0%{stroke-dashoffset:var(--circumference)}}.circle-progress-text{position:absolute;font-size:1.1rem;font-weight:700;text-align:center;color:var(--ink);letter-spacing:-.3px}.bar-chart{display:grid;grid-gap:.7rem;gap:.7rem}.bar-chart.compact{gap:.6rem}.chart-title{margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.2px}.bar-chart-container{display:flex;flex-direction:column;justify-content:space-around}.bar-item{display:grid;grid-template-columns:55px 1fr 40px;grid-gap:.45rem;gap:.45rem;align-items:center}.bar-label{font-size:.78rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.2px}.bar-wrapper{height:22px;background:var(--bg-accent);overflow:hidden}.bar,.bar-wrapper{position:relative;border-radius:4px}.bar{height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:.25rem;transition:width .4s cubic-bezier(.4,0,.2,1)}.bar-value{font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.bar-percentage{font-size:.7rem;font-weight:700;color:var(--ink);text-align:right}.pie-chart{display:grid;grid-gap:.7rem;gap:.7rem}.pie-chart-container{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.pie-svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.pie-segment{cursor:pointer;transition:filter .3s cubic-bezier(.4,0,.2,1)}.pie-segment:hover{filter:brightness(1.08)}.pie-legend{display:flex;flex-direction:column;gap:.35rem}.legend-item{display:flex;align-items:center;gap:.45rem;font-size:.78rem}.legend-color{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-label{font-weight:600;color:var(--ink);flex:1 1}.legend-value{color:var(--ink-soft);font-weight:600}.progress-section{display:grid;grid-gap:.55rem;gap:.55rem}.progress-section h4{margin:0;font-size:.88rem;font-weight:700}.progress-display{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap}.progress-details{display:flex;flex-direction:column;gap:.5rem;flex:1 1;min-width:160px}.progress-compact{display:grid;grid-gap:.7rem;gap:.7rem}.progress-stat{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:.78rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.2px}.progress-value{font-size:1.1rem;font-weight:700;color:var(--ink);letter-spacing:-.3px}.employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.7rem;gap:.7rem}.employee-card{background:var(--bg-accent);border:1px solid rgba(139,105,20,.1);border-radius:14px;padding:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.employee-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(201,146,10,.3),transparent);opacity:0;transition:opacity .3s ease}.employee-card:hover{border-color:rgba(201,146,10,.25);box-shadow:0 6px 16px rgba(201,146,10,.1);transform:translateY(-2px)}.employee-card:hover:before{opacity:1}.employee-card.active{background:var(--card);border-color:var(--brand);box-shadow:0 8px 20px rgba(201,146,10,.15)}.employee-header{margin-bottom:.55rem}.employee-header h4{margin:0;font-size:.9rem;font-weight:700;letter-spacing:-.2px}.employee-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.3rem;gap:.3rem;margin-bottom:.55rem;padding:.45rem 0;border-top:1px solid rgba(139,105,20,.1);border-bottom:1px solid rgba(139,105,20,.1)}.emp-stat-item{display:flex;flex-direction:column;gap:.15rem;text-align:center}.stat-label{font-size:.65rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.2px}.stat-value{font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.2px}.stat-done{color:#10b981}.employee-progress{display:flex;align-items:center;gap:.35rem}.progress-percent{font-size:.75rem;font-weight:700;color:var(--ink);min-width:28px;text-align:right}.status-breakdown{display:grid;grid-gap:.55rem;gap:.55rem}.status-item{display:grid;grid-gap:.25rem;gap:.25rem}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:.55rem;gap:.55rem}.quick-stat{display:flex;flex-direction:column;gap:.2rem;padding:.55rem;background:var(--bg-accent);border:1px solid rgba(139,105,20,.1);border-radius:10px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-stat:hover{border-color:rgba(201,146,10,.25);box-shadow:0 4px 12px rgba(0,0,0,.05)}.quick-stat.highlight{background:var(--brand);color:#000;border-color:var(--brand);box-shadow:0 4px 12px rgba(201,146,10,.2)}.quick-stat .label{font-size:.65rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.2px}.quick-stat.highlight .label{color:#000;opacity:.85}.quick-stat .value{font-size:1.2rem;font-weight:700;color:var(--ink);letter-spacing:-.3px}.quick-stat.highlight .value{color:#000}.value.success{color:#10b981}.value.primary{color:#3b82f6}.value.warning{color:#f59e0b}.value.danger{color:#ef4444}.tasks-compact-list{display:grid;grid-gap:.45rem;gap:.45rem}.task-item-compact{display:flex;justify-content:space-between;align-items:center;padding:.55rem .65rem;background:var(--bg-accent);border:1px solid rgba(139,105,20,.1);border-radius:10px;font-size:.82rem;transition:all .2s ease}.task-item-compact:hover{border-color:rgba(201,146,10,.25);background:var(--card)}.task-info{display:flex;gap:.55rem;align-items:center;flex:1 1}.task-status{padding:.18rem .45rem;border-radius:4px;font-size:.65rem;font-weight:700;white-space:nowrap;text-transform:uppercase;letter-spacing:.2px}.status-not-started{background:rgba(239,68,68,.15);color:#991b1b}.status-in-progress{background:rgba(59,130,246,.15);color:#1e40af}.status-ready-for-review{background:rgba(245,158,11,.15);color:#92400e}.status-done{background:rgba(16,185,129,.15);color:#065f46}.task-title{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem}.task-deadline{font-size:.72rem;color:var(--ink-soft);white-space:nowrap}.alert-list{display:grid;grid-gap:.45rem;gap:.45rem}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:.45rem;background:rgba(0,0,0,.02);border-radius:8px;font-size:.78rem}.alert-title{font-weight:600;color:var(--ink);flex:1 1;overflow:hidden;text-overflow:ellipsis}.alert-deadline{white-space:nowrap;margin-left:.3rem}.alert-deadline,.alert-more{font-size:.7rem;color:var(--ink-soft)}.alert-more{padding:.35rem;text-align:center;font-weight:600}.empty-state{display:flex;align-items:center;justify-content:center;min-height:100px;color:var(--ink-soft);text-align:center;padding:1rem}.empty-state p{margin:0;font-size:.85rem}@media (max-width:1024px){.dashboard-grid-2{grid-template-columns:1fr}.stats-grid-4{grid-template-columns:repeat(2,1fr)}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.stat-value{font-size:1.4rem}}@media (max-width:640px){.dashboard-header h2{font-size:1.5rem}.stats-grid-2,.stats-grid-4{gap:.6rem;grid-template-columns:1fr}.stat-card{padding:.6rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.employee-grid{grid-template-columns:1fr}.quick-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-stat{padding:.5rem}.quick-stat .value{font-size:1.1rem}.bar-item{grid-template-columns:50px 1fr 35px;gap:.3rem}.bar-label{font-size:.72rem}.bar-wrapper{height:20px}.card-body,.card-header{padding:.65rem}.card-header h3{font-size:.95rem}.progress-section h4{font-size:.82rem}.chart-title{font-size:.88rem}.dashboard-grid{gap:.8rem}.employee-card{padding:.65rem}.employee-header h4{font-size:.83rem}.stat-value{font-size:.9rem}.task-item-compact{padding:.5rem .6rem;font-size:.78rem}.task-status{padding:.15rem .4rem;font-size:.6rem}.alert-item{padding:.4rem;font-size:.75rem}.progress-display{flex-direction:column;align-items:flex-start;gap:.7rem}.circle-progress-container{width:70px;height:70px}.circle-progress-text{font-size:.95rem}.progress-details{min-width:unset;width:100%}}[data-theme=dark] .tab-btn.active{background:var(--card)}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:.5rem}.task-card{transition:all .2s ease-in-out;border-radius:16px;background:var(--card);border:1px solid var(--line)}.task-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 24px rgba(0,0,0,.08);border-color:var(--brand-soft)}.modal-task{width:min(700px,100%);max-height:90vh;overflow-y:auto}.task-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.5rem!important}.task-card{transition:all .25s cubic-bezier(.16,1,.3,1)!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(0,0,0,.02)!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;overflow:hidden!important;padding:0!important;min-height:220px!important}.task-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 32px rgba(0,0,0,.08)!important;border-color:#acc8f7!important}.task-card-content{padding:1.2rem}.task-card-footer{padding:.75rem 1.2rem;background:var(--table-head);border-top:1px solid var(--line);font-size:.8rem;color:var(--ink-soft)}.filter-inline-row,.task-card-footer{display:flex;justify-content:space-between;align-items:center}.filter-inline-row{padding:.8rem 1.2rem!important}.filter-group label{font-size:.75rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:-.1rem!important;color:var(--ink-soft)}.filter-group input,.filter-group select{font-size:.85rem!important;padding:.45rem .65rem!important;border-radius:8px!important;border:1px solid var(--line)!important;box-shadow:0 2px 4px rgba(0,0,0,.02)!important;background:var(--card)!important}@media (max-width:760px){.project-card,.task-card{border-radius:12px!important;box-shadow:0 2px 4px rgba(0,0,0,.02)!important}.project-card-head h3{font-size:.82rem!important}.project-grid p,.project-meta{font-size:.72rem!important}.task-card-content{padding:.9rem!important}.task-card-footer{padding:.6rem .9rem!important;font-size:.75rem!important}.filter-inline-row{padding:.4rem .6rem!important;flex-wrap:wrap!important;gap:.5rem!important}.filter-group label{font-size:.65rem!important}.filter-group input,.filter-group select{font-size:.75rem!important;padding:.3rem .4rem!important}.page-header{flex-wrap:wrap!important}.header-actions{width:100%!important;justify-content:space-between!important;margin-top:.5rem!important}.main-tabs{flex:1 1;justify-content:center}.tab-btn{padding:.3rem .6rem!important;font-size:.8rem}}.modal-card{border-radius:24px!important;box-shadow:0 32px 64px -12px rgba(0,0,0,.3)!important;padding:1.8rem!important;background:var(--card)!important}.modal-head{padding-bottom:1.2rem!important;margin-bottom:1.2rem!important;border-bottom:1px solid var(--line)!important}.modal-head h3{font-size:1.2rem!important;font-weight:700!important}.field{margin-bottom:1.1rem}.field label{font-size:.72rem!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--ink-soft)!important;margin-bottom:.4rem!important;display:block}.field input,.field select,.field textarea{border-radius:12px!important;border:1px solid var(--line)!important;padding:.65rem .8rem!important;font-size:.85rem!important;width:100%!important;background:var(--bg-accent)!important;transition:all .2s ease!important;box-shadow:0 2px 4px rgba(0,0,0,.01)!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand)!important;outline:none!important;box-shadow:0 0 0 3px rgba(31,79,165,.1)!important}.sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;animation:fadeIn .3s ease}.sidebar-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:550px;background:var(--card);z-index:1000;box-shadow:-15px 0 45px rgba(0,0,0,.4);overflow-y:auto;display:flex;flex-direction:column;animation:slideLeft .4s cubic-bezier(.16,1,.3,1);border-left:1px solid var(--line)}.sidebar-header{padding:1.5rem 2rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--bg-accent)}.sidebar-header h3{margin:0;font-size:1.3rem;font-weight:700}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:9999;animation:fadeIn .3s ease}.loader-container{display:flex;flex-direction:column;align-items:center;gap:1rem;background:var(--card);padding:2.5rem;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.loader-inline{display:inline-flex;align-items:center;gap:.7rem}.spinner{border:3px solid rgba(201,146,10,.2);border-top:3px solid var(--brand);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:20px;height:20px}.spinner-medium{width:36px;height:36px}.spinner-large{width:48px;height:48px}.loader-message{color:var(--ink);font-weight:600;font-size:.95rem}.sidebar-body{padding:2rem;flex-grow:1}.sidebar-footer{padding:1.5rem 2rem;background:var(--bg-accent);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}.card-note-preview{font-size:.8rem;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.5rem 0;font-style:italic;opacity:.9}.card-link-preview{font-size:.75rem;color:var(--brand);background:var(--hover-bg);padding:.2rem .5rem;border-radius:6px;display:inline-block;margin-top:.3rem;border:1px solid var(--line)}.project-card,.task-card{border:none!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(0,0,0,.04)!important;background:var(--card)!important;background-image:linear-gradient(160deg,transparent,rgba(201,146,10,.02))!important;overflow:hidden!important}[data-theme=dark] .project-card,[data-theme=dark] .task-card{box-shadow:0 8px 30px rgba(0,0,0,.3)!important;background-image:linear-gradient(160deg,transparent,rgba(201,146,10,.05))!important}.project-card:hover,.task-card:hover{transform:translateY(-6px)!important;box-shadow:0 16px 40px rgba(201,146,10,.12)!important}[data-theme=dark] .project-card:hover,[data-theme=dark] .task-card:hover{box-shadow:0 16px 40px rgba(201,146,10,.2)!important}.task-card-footer{border-top:1px solid rgba(201,146,10,.1)!important}.status-in-progress{border:1.5px solid #f59e0b!important;background:rgba(245,158,11,.08)!important;background-image:none!important}.status-ready-for-review{border:1.5px solid #3b82f6!important;background:rgba(59,130,246,.08)!important;background-image:none!important}.status-done{border:1.5px solid #22c55e!important;background:rgba(34,197,94,.08)!important;background-image:none!important}option.status-opt-in-progress,option.status-opt-in-progress:checked,option.status-opt-in-progress:focus,option.status-opt-in-progress:hover,select.status-select-in-progress{background-color:#fde047!important;color:#a16207!important}[data-theme=dark] option.status-opt-in-progress,[data-theme=dark] option.status-opt-in-progress:checked,[data-theme=dark] option.status-opt-in-progress:focus,[data-theme=dark] option.status-opt-in-progress:hover,[data-theme=dark] select.status-select-in-progress{background-color:#713f12!important;color:#fef08a!important}option.status-opt-ready-for-review,option.status-opt-ready-for-review:checked,option.status-opt-ready-for-review:focus,option.status-opt-ready-for-review:hover,select.status-select-ready-for-review{background-color:#93c5fd!important;color:#1d4ed8!important}[data-theme=dark] option.status-opt-ready-for-review,[data-theme=dark] option.status-opt-ready-for-review:checked,[data-theme=dark] option.status-opt-ready-for-review:focus,[data-theme=dark] option.status-opt-ready-for-review:hover,[data-theme=dark] select.status-select-ready-for-review{background-color:#1e3a8a!important;color:#bfdbfe!important}option.status-opt-done,option.status-opt-done:checked,option.status-opt-done:focus,option.status-opt-done:hover,select.status-select-done{background-color:#86efac!important;color:#15803d!important}[data-theme=dark] option.status-opt-done,[data-theme=dark] option.status-opt-done:checked,[data-theme=dark] option.status-opt-done:focus,[data-theme=dark] option.status-opt-done:hover,[data-theme=dark] select.status-select-done{background-color:#14532d!important;color:#bbf7d0!important}[data-theme=dark] option.status-opt-all,[data-theme=dark] option.status-opt-not-started,option.status-opt-all,option.status-opt-not-started{background-color:var(--bg-input)!important;color:var(--ink)!important}.jd-shell{display:flex;flex-direction:column;gap:.6rem;opacity:0;transition:opacity .25s ease}.jd-shell--in{opacity:1}.jd-topbar{justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.55rem .65rem;background:var(--card);border:1px solid var(--line);border-radius:8px}.jd-topbar,.jd-topbar__left{display:flex;align-items:center}.jd-topbar__left{gap:.45rem}.jd-topbar__title{margin:0;font-size:.88rem;font-weight:700;color:var(--ink);letter-spacing:-.1px}.jd-topbar__sep{color:var(--ink-soft);font-size:.8rem;opacity:.5}.jd-topbar__sub{font-size:.78rem;color:var(--ink-soft);font-weight:500}.jd-topbar__right{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.jd-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .55rem;border-radius:4px;font-size:.72rem;font-weight:600;border:1px solid}.jd-badge--danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);color:#dc2626}.jd-badge--warn{background:rgba(201,146,10,.08);border-color:rgba(201,146,10,.25);color:var(--brand)}.jd-badge--success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25);color:#059669}.jd-badge--info{background:rgba(201,146,10,.06);border-color:rgba(201,146,10,.2);color:var(--brand)}.jd-statstrip{display:flex;align-items:center;gap:0;padding:0 .5rem;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow-x:auto;flex-wrap:nowrap}.jd-statstrip__item{display:flex;align-items:center;gap:.35rem;padding:.55rem .8rem;flex-shrink:0}.jd-statstrip__val{font-size:.92rem;font-weight:700;color:var(--ink);letter-spacing:-.2px}.jd-statstrip__lbl{font-size:.7rem;color:var(--ink-soft);font-weight:500;white-space:nowrap}.jd-statstrip__div{width:1px;height:20px;background:var(--line);flex-shrink:0;opacity:.5}.jd-statstrip__spacer{flex:1 1}.jd-statstrip__pct{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:rgba(201,146,10,.07);border-left:1px solid var(--line);flex-shrink:0}.jd-statstrip__pct-num{font-size:.92rem;font-weight:700;color:var(--brand)}.jd-cols{display:grid;grid-template-columns:1fr 240px;grid-gap:.6rem;gap:.6rem;align-items:start}.jd-col{display:flex;flex-direction:column;gap:.6rem;min-width:0}.jd-panel{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}.jd-panel--danger{border-left:3px solid #ef4444}.jd-panel--warn{border-left:3px solid var(--brand)}.jd-panel--selected{border-color:rgba(201,146,10,.35);background:linear-gradient(180deg,rgba(201,146,10,.03) 0,var(--card) 60px)}.jd-panel__head{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--line);background:var(--bg-accent)}.jd-panel__title{font-size:.78rem;font-weight:700;color:var(--ink);letter-spacing:.1px;flex:1 1}.jd-panel__count{font-size:.68rem;font-weight:700;padding:.12rem .45rem;background:rgba(201,146,10,.1);color:var(--brand);border-radius:999px;border:1px solid rgba(201,146,10,.2)}.jd-panel__count--danger{background:rgba(239,68,68,.1);color:#dc2626;border-color:rgba(239,68,68,.2)}.jd-panel__count--warn{background:rgba(201,146,10,.1);color:var(--brand);border-color:rgba(201,146,10,.2)}.jd-panel__hint{font-size:.68rem;color:var(--ink-soft);font-weight:400}.jd-table{width:100%;border-collapse:collapse;font-size:.78rem}.jd-table thead th{padding:.4rem .65rem;text-align:left;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--brand);background:var(--table-head);border-bottom:1px solid var(--line);white-space:nowrap}.jd-table tbody td{padding:.42rem .65rem;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--ink)}.jd-table tbody tr:last-child td{border-bottom:none}.jd-table tbody tr:hover td{background:var(--hover-bg)}.jd-table__row--clickable{cursor:pointer;transition:background .15s}.jd-table__row--selected td{background:rgba(201,146,10,.05)}.jd-table__name{font-weight:500;color:var(--ink);max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jd-table__date{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;color:var(--ink-soft);white-space:nowrap}.jd-table__date--danger{color:#dc2626}.jd-table__date--warn{color:var(--brand)}.jd-table__nodate{color:var(--ink-soft);opacity:.4}.jd-table__more{font-size:.7rem;color:var(--ink-soft);text-align:center;padding:.35rem;background:var(--bg-accent)}.jd-td--num,.jd-th--num{text-align:right}.jd-td--num{font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.8rem}.jd-pill{display:inline-flex;align-items:center;gap:.28rem;padding:.18rem .45rem;border-radius:3px;font-size:.65rem;font-weight:700;white-space:nowrap;letter-spacing:.1px;border:1px solid;background:color-mix(in srgb,var(--pill-color) 10%,transparent);border-color:color-mix(in srgb,var(--pill-color) 25%,transparent);color:var(--pill-color);background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.25)}.jd-pill:has(svg[stroke="#10b981"]){background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.25);color:#059669}.jd-pill:has(svg[stroke="#3b82f6"]){background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.25);color:#2563eb}.jd-pill:has(svg[stroke="#C9920A"]){background:rgba(201,146,10,.1);border-color:rgba(201,146,10,.25);color:var(--brand)}.jd-pill:has(svg[stroke="#94a3b8"]){background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.25);color:#64748b}.jd-minibar{width:100%;height:4px;background:var(--bg-accent);border-radius:999px;overflow:hidden}.jd-minibar__fill{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.jd-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:.85rem}.jd-ring-svg{width:80px;height:80px}.jd-ring-fill{transition:stroke-dasharray .8s cubic-bezier(.16,1,.3,1)}.jd-ring-center{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0}.jd-ring-num{font-size:.95rem;font-weight:800;color:var(--ink);letter-spacing:-.3px;line-height:1}.jd-ring-sub{font-size:.6rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.3px}.jd-breakdown{display:flex;flex-direction:column;padding:.5rem .75rem;gap:.5rem}.jd-breakdown--compact{padding:.4rem .65rem;gap:.4rem}.jd-breakdown__row{display:flex;flex-direction:column;gap:.22rem}.jd-breakdown__head{display:flex;align-items:center;justify-content:space-between}.jd-breakdown__label-row{display:flex;align-items:center;gap:.3rem}.jd-breakdown__label{font-size:.72rem;font-weight:600;color:var(--ink)}.jd-breakdown__val{font-size:.72rem;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.jd-member-cell{display:flex;align-items:center;gap:.5rem}.jd-member-name{font-weight:600;font-size:.78rem;color:var(--ink)}.jd-member-active-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);flex-shrink:0}.jd-avatar{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:0}.jd-avatar--sm{width:20px;height:20px;border-radius:4px;font-size:.52rem}.jd-progress-cell{display:flex;align-items:center;gap:.45rem;min-width:80px}.jd-progress-cell__pct{font-size:.7rem;font-weight:700;color:var(--ink-soft);min-width:30px;text-align:right}.jd-member-stats{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--line)}.jd-member-stat{display:flex;flex-direction:column;align-items:center;gap:.08rem;padding:.45rem .55rem;flex:1 1;border-right:1px solid var(--line)}.jd-member-stat:last-child{border-right:none}.jd-member-stat__val{font-size:.9rem;font-weight:800;letter-spacing:-.2px;line-height:1}.jd-member-stat__lbl{font-size:.58rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.3px}.jd-close-btn{border:1px solid var(--line);background:transparent;color:var(--ink-soft);width:22px;height:22px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;padding:0}.jd-close-btn:hover{border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.07);color:#ef4444}.jd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1rem;color:var(--ink-soft);text-align:center}.jd-empty p{margin:0;font-size:.8rem;font-weight:500}@media (max-width:900px){.jd-cols{grid-template-columns:1fr}.jd-col--side{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:.6rem;gap:.6rem}}@media (max-width:640px){.jd-statstrip{overflow-x:auto;padding:0 .25rem}.jd-statstrip__item{padding:.45rem .55rem}.jd-table{font-size:.72rem}.jd-table tbody td,.jd-table thead th{padding:.35rem .45rem}.jd-table--team .jd-td--num,.jd-table--team .jd-th--num{display:none}.jd-member-stats{flex-wrap:wrap}.jd-col--side{grid-template-columns:1fr}}.jd-table-wrap{width:100%;overflow-x:auto}.jd-td--center,.jd-th--center{text-align:center!important;vertical-align:middle}.bell-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;height:26px;padding:0 .5rem;border-radius:5px;border:1px solid;cursor:pointer;font-size:.68rem;font-weight:700;transition:all .15s ease;white-space:nowrap;min-width:26px}.bell-btn--idle{background:rgba(201,146,10,.06);border-color:rgba(201,146,10,.25);color:var(--brand)}.bell-btn--idle:hover{background:rgba(201,146,10,.14);border-color:rgba(201,146,10,.45);transform:scale(1.05);box-shadow:0 2px 8px rgba(201,146,10,.2)}.bell-btn--sending{background:rgba(201,146,10,.08);border-color:rgba(201,146,10,.3);color:var(--brand);cursor:wait;opacity:.8}.bell-btn--sent{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.3);color:#059669;cursor:default}.bell-btn--error{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3);color:#dc2626;cursor:default}.bell-btn--cooldown{background:var(--bg-accent);border-color:var(--line);color:var(--ink-soft);cursor:not-allowed;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Code,monospace;font-size:.65rem;padding:0 .55rem}.bell-btn__label,.bell-btn__timer{font-size:.65rem;font-weight:700;line-height:1}.bell-btn__timer{letter-spacing:.5px}.bell-btn__spinner{display:inline-block;width:11px;height:11px;border:1.5px solid rgba(201,146,10,.3);border-top:1.5px solid var(--brand);border-radius:50%;animation:bell-spin .7s linear infinite;flex-shrink:0}@keyframes bell-spin{to{transform:rotate(1turn)}}.revenue-tracker{display:grid;grid-gap:1.2rem;gap:1.2rem}.jd-dashboard-tabs{display:flex;gap:.4rem;background:var(--bg-accent);padding:.25rem;border-radius:12px;border:1px solid var(--line);margin-bottom:.6rem;width:-moz-fit-content;width:fit-content}.jd-dashboard-tab{display:flex;align-items:center;gap:.5rem;border:none;background:transparent;padding:.5rem 1rem;border-radius:10px;color:var(--ink-soft);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.jd-dashboard-tab:hover{background:rgba(201,146,10,.05);color:var(--ink)}.jd-dashboard-tab--active{background:var(--card);color:var(--brand);border:1px solid rgba(201,146,10,.2);box-shadow:0 2px 4px rgba(201,146,10,.08)}.revenue-header{display:grid;grid-gap:.8rem;gap:.8rem}.revenue-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.8rem}.revenue-topbar__left,.revenue-topbar__right{display:flex;align-items:center;gap:.6rem}.revenue-topbar__title{margin:0;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.3px}.revenue-topbar__sep{color:var(--line)}.revenue-topbar__sub{color:var(--ink-soft);font-size:.85rem;font-weight:500}.revenue-badge{display:flex;align-items:center;gap:.4rem;background:var(--bg-accent);border:1px solid rgba(201,146,10,.2);border-radius:8px;padding:.4rem .7rem;font-size:.8rem;font-weight:600;color:var(--ink-soft)}.revenue-badge--info{color:var(--brand);background:rgba(201,146,10,.08);border-color:rgba(201,146,10,.25)}.revenue-badge--success{color:#10b981;background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.25)}.revenue-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.8rem;gap:.8rem}.revenue-card{background:var(--card);border:1px solid rgba(139,105,20,.15);border-radius:14px;padding:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.revenue-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--brand),transparent)}.revenue-card--primary{border-color:rgba(59,130,246,.2);background:linear-gradient(135deg,var(--card) 0,rgba(59,130,246,.04) 100%)}.revenue-card--primary:before{background:linear-gradient(90deg,transparent,#3b82f6,transparent)}.revenue-card:hover{border-color:var(--brand);box-shadow:0 8px 16px rgba(201,146,10,.12);transform:translateY(-2px)}.revenue-card__label{margin:0 0 .3rem;font-size:.8rem;color:var(--ink-soft);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.revenue-card__value{margin:0 0 .4rem;font-size:1.6rem;font-weight:700;color:var(--ink);letter-spacing:-.5px}.revenue-card__meta{margin:0;font-size:.75rem;color:var(--ink-soft);font-weight:500}.revenue-controls{display:flex;align-items:flex-end;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem}.revenue-sort{display:flex;align-items:center;gap:.5rem}.revenue-sort label{font-size:.85rem;color:var(--ink-soft);font-weight:600}.revenue-select{border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;background:var(--bg-input);color:var(--ink);font-weight:500;cursor:pointer;font-size:.9rem}.revenue-select:hover{border-color:var(--brand);background:var(--bg)}.revenue-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(201,146,10,.1)}.revenue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:.8rem;gap:.8rem}.revenue-agency-card{background:var(--card);border:2px solid var(--line);border-left-width:4px;border-radius:14px;padding:.9rem;display:grid;grid-gap:.65rem;gap:.65rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.revenue-agency-card:before{content:"";position:absolute;inset:0;background:radial-gradient(800px at var(--mouse-x,50%) var(--mouse-y,50%),rgba(201,146,10,.1),transparent 80%);opacity:0;transition:opacity .3s ease;pointer-events:none}.revenue-agency-card:hover{border-color:var(--brand);box-shadow:0 12px 24px rgba(201,146,10,.15);transform:translateY(-4px)}.revenue-agency-card--selected{border-color:var(--brand);background:linear-gradient(135deg,var(--card) 0,rgba(201,146,10,.04) 100%);box-shadow:0 12px 32px rgba(201,146,10,.2)}.revenue-agency-card__header{display:flex;gap:.7rem;align-items:flex-start}.revenue-agency-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#fff;font-weight:700;font-size:.85rem;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.15)}.revenue-agency-card__title{flex:1 1;min-width:0}.revenue-agency-name{margin:0 0 .2rem;font-size:1rem;font-weight:700;color:var(--ink);letter-spacing:-.3px;word-break:break-word}.revenue-agency-projects{margin:0;display:flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--ink-soft);font-weight:500}.revenue-agency-card__stats{display:grid;grid-gap:.4rem;gap:.4rem;background:var(--bg-accent);border-radius:10px;padding:.6rem}.revenue-stat-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.revenue-stat-label{font-size:.8rem;color:var(--ink-soft);font-weight:600}.revenue-stat-value{font-size:.95rem;font-weight:700;color:var(--ink);text-align:right}.revenue-progress{display:grid;grid-gap:.3rem;gap:.3rem}.revenue-progress__bg{width:100%;height:6px;background:var(--bg-accent);border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.revenue-progress__fill{height:100%;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.2)}.revenue-progress__label{margin:0;font-size:.75rem;color:var(--ink-soft);font-weight:600;text-align:right}.revenue-status-badges{display:flex;flex-wrap:wrap;gap:.5rem}.revenue-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.revenue-status-badge--paid{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.revenue-status-badge--partial{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.revenue-status-badge--pending{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.revenue-agency-detail{border-top:1px solid var(--line);padding-top:.6rem;display:grid;grid-gap:.4rem;gap:.4rem}.revenue-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.revenue-detail-row span{color:var(--ink-soft);font-weight:500}.revenue-detail-row strong{color:var(--ink);font-weight:700}.revenue-detail-row--primary{padding-top:.4rem;border-top:1px solid var(--bg-accent);font-weight:600}.revenue-detail-row--primary span,.revenue-detail-row--primary strong{color:var(--brand)}.revenue-detail-divider{height:1px;background:var(--line);margin:.2rem 0}.revenue-actions{display:flex;gap:.5rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line)}.revenue-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:3rem 2rem;text-align:center;background:var(--card);border:2px dashed var(--line);border-radius:16px;color:var(--ink-soft);grid-column:1/-1}.revenue-empty p{margin:0;font-size:.95rem;font-weight:500}@media (max-width:1200px){.revenue-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.revenue-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.revenue-topbar{flex-direction:column;align-items:flex-start;gap:.6rem}.revenue-topbar__right{width:100%;justify-content:space-between}.revenue-grid,.revenue-summary{grid-template-columns:1fr}.revenue-controls{flex-direction:column;align-items:stretch}.revenue-select,.revenue-sort{width:100%}.revenue-agency-card{padding:.8rem}.revenue-agency-name{font-size:.95rem}}@media (max-width:480px){.revenue-summary{grid-template-columns:1fr}.revenue-card__value{font-size:1.3rem}.revenue-agency-badge{width:36px;height:36px;font-size:.8rem}.revenue-status-badges{gap:.3rem}.revenue-status-badge{padding:.25rem .5rem;font-size:.7rem}}.project-row-clickable{cursor:pointer;transition:background .15s ease}.project-row-clickable:hover{background:var(--hover-bg)!important}.project-row-clickable td:first-child{position:relative}.project-row-clickable td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 3px 3px 0;background:transparent;transition:background .15s ease}.project-row-clickable:hover td:first-child:before{background:var(--brand)}.project-card-clickable{cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.project-card-clickable:hover{box-shadow:0 6px 24px rgba(201,146,10,.18);transform:translateY(-1px)}.detail-backdrop{z-index:30;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto;align-items:flex-start;padding:2rem 1rem}.detail-modal-card{width:min(700px,100%);max-height:calc(100vh - 4rem);overflow-y:auto;background:var(--card);border:1px solid var(--card-glass-border);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.3);padding:0;animation:detail-slide-in .25s cubic-bezier(.34,1.56,.64,1);margin:auto}@keyframes detail-slide-in{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.4rem 1.4rem 1rem;border-bottom:1px solid var(--line)}.detail-modal-title-wrap{display:flex;align-items:center;gap:.9rem}.detail-modal-icon{font-size:2rem;line-height:1;flex-shrink:0}.detail-modal-title{margin:0 0 .25rem;font-size:1.25rem;font-weight:800;color:var(--ink);line-height:1.3}.detail-modal-id{margin:0;font-size:.78rem;color:var(--ink-soft);font-weight:500}.detail-close-btn{flex-shrink:0;font-size:1rem;min-width:36px;min-height:36px;border-radius:50%}.detail-completed-banner{display:flex;align-items:center;gap:.75rem;margin:0;padding:.85rem 1.4rem;background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(21,128,61,.08));border-bottom:1px solid rgba(34,197,94,.25);color:#166534}[data-theme=dark] .detail-completed-banner{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(21,128,61,.1));border-bottom-color:rgba(34,197,94,.2);color:#86efac}.detail-completed-icon{font-size:1.6rem}.detail-completed-date{font-weight:500;font-size:.95rem}.detail-modal-body{display:grid;grid-template-columns:1fr 1fr;grid-gap:0;gap:0;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line)}.detail-col{display:flex;flex-direction:column;gap:.9rem}.detail-col:first-child{padding-right:1.2rem;border-right:1px solid var(--line)}.detail-col:last-child{padding-left:1.2rem}.detail-field{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft)}.detail-value{font-size:.95rem;font-weight:600;color:var(--ink)}.detail-completed-highlight{color:#166534;font-weight:700}[data-theme=dark] .detail-completed-highlight{color:#86efac}.detail-status-badge{display:inline-block;padding:.28rem .75rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid;width:-moz-fit-content;width:fit-content}.badge-done{background:rgba(34,197,94,.12);color:#166534;border-color:rgba(34,197,94,.35)}[data-theme=dark] .badge-done{background:rgba(34,197,94,.18);color:#86efac;border-color:rgba(34,197,94,.3)}.badge-in-progress{background:rgba(59,130,246,.1);color:#1e40af;border-color:rgba(59,130,246,.3)}[data-theme=dark] .badge-in-progress{background:rgba(59,130,246,.15);color:#93c5fd;border-color:rgba(59,130,246,.25)}.badge-review{background:rgba(245,158,11,.1);color:#92400e;border-color:rgba(245,158,11,.3)}[data-theme=dark] .badge-review{background:rgba(245,158,11,.15);color:#fcd34d;border-color:rgba(245,158,11,.25)}.badge-not-started{background:hsla(220,9%,46%,.1);color:#374151;border-color:hsla(220,9%,46%,.3)}[data-theme=dark] .badge-not-started{background:hsla(220,9%,46%,.15);color:#9ca3af;border-color:hsla(220,9%,46%,.25)}.detail-money{font-family:Courier New,monospace;font-size:1rem;font-weight:700}.detail-paid{color:#166534}[data-theme=dark] .detail-paid{color:#86efac}.detail-remaining{color:#c53030}[data-theme=dark] .detail-remaining{color:#fca5a5}.detail-payment-status{display:inline-block;padding:.22rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid transparent}.payment-paid{background:rgba(34,197,94,.12);color:#166534;border-color:rgba(34,197,94,.3)}.payment-partial{background:rgba(245,158,11,.1);color:#92400e;border-color:rgba(245,158,11,.3)}.payment-pending{background:rgba(239,68,68,.1);color:#991b1b;border-color:rgba(239,68,68,.25)}[data-theme=dark] .payment-paid{color:#86efac;background:rgba(34,197,94,.15)}[data-theme=dark] .payment-partial{color:#fcd34d;background:rgba(245,158,11,.15)}[data-theme=dark] .payment-pending{color:#fca5a5;background:rgba(239,68,68,.15)}.detail-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.1rem}.detail-chip{display:inline-block;background:var(--bg-accent);border:1px solid var(--line);border-radius:999px;padding:.18rem .55rem;font-size:.8rem;font-weight:600;color:var(--brand);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-section{padding:1rem 1.4rem;border-bottom:1px solid var(--line)}.detail-section-label{margin:0 0 .5rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-soft)}.detail-note-text{margin:0;font-size:.9rem;line-height:1.65;color:var(--ink);white-space:pre-wrap;background:var(--bg-accent);border:1px solid var(--line);border-radius:10px;padding:.7rem .85rem}.detail-link-chip{font-size:.82rem;padding:.28rem .7rem}.detail-modal-footer{display:flex;justify-content:flex-end;padding:1rem 1.4rem}@media (max-width:600px){.detail-modal-body{grid-template-columns:1fr;padding:1rem}.detail-col:first-child{padding-right:0;border-right:none;border-bottom:1px solid var(--line);padding-bottom:1rem}.detail-col:last-child{padding-left:0;padding-top:1rem}.detail-modal-header{padding:1rem}.detail-modal-title{font-size:1.05rem}.detail-modal-footer,.detail-section{padding:.85rem 1rem}.detail-backdrop{padding:1rem .5rem}}