:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#e9ecf5;background:#0e1119;font-synthesis:none;color-scheme:dark;--panel:#161a25;--border:#292e3e;--muted:#949db3;--accent:#a49bff}*{box-sizing:border-box}body{margin:0;line-height:1.5;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}[hidden],.hidden{display:none!important}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,input,select,textarea{color:inherit;border:1px solid #343b50;border-radius:8px;padding:10px 13px;background:#1c2130;min-width:0}input,textarea{width:100%}input::placeholder,textarea::placeholder{color:#858fa6}textarea{resize:vertical}button{font-weight:550;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#292f43;border-color:#5a6280}button.primary{background:#9a8af5;border-color:#9a8af5;color:#12101e;font-weight:700;box-shadow:0 3px 14px #9a8af516}button.primary:hover:not(:disabled){background:#b4a7ff;border-color:#b4a7ff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #b6acff;outline-offset:4px}a{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:30px;font-weight:650;margin-bottom:7px;line-height:1.2}h2{font-size:16px;font-weight:600;margin:0 0 8px}p{margin-bottom:12px}.muted{color:var(--muted);font-size:12px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grow{flex:1;min-width:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.eyebrow{color:#a89df6;font-size:10px;font-weight:700;letter-spacing:.14em;margin-bottom:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#121620;border-right:1px solid var(--border);padding:30px 18px 0;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;text-decoration:none;color:#f2f3fa;font-weight:650;font-size:19px;letter-spacing:-.5px}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#8f98b0;margin-top:4px}.brand-mark{background:#9c8ef4;width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;color:#171127;border-radius:11px;font-size:25px;font-weight:750;letter-spacing:-5px;padding-right:5px;flex-shrink:0}.brand-mark span{transform:translateY(4px)}.workspace-label{display:flex;gap:10px;align-items:center;padding:14px 10px;margin:32px 0;border:1px solid var(--border);border-radius:9px;font-size:12px;font-weight:600}.workspace-avatar{display:grid;place-items:center;width:30px;height:30px;background:#242b3e;border-radius:7px;color:#c1c9de;font-size:10px}.workspace-label small{display:block;color:var(--muted);font-size:10px;font-weight:400}.workspace-chevron{margin-left:auto;color:var(--muted)}.nav-label{font-size:9px;color:#79839d;letter-spacing:1.5px;font-weight:650;padding-left:13px;margin:0 0 12px}.app-nav{display:grid;gap:5px}.app-nav button{border:1px solid transparent;background:transparent;text-align:left;padding:11px 12px;display:flex;align-items:center;gap:10px;color:#9da6bc;font-size:12px;border-radius:7px}.app-nav button svg{width:18px;height:18px;flex-shrink:0}.app-nav button span{flex:1}.app-nav button small{font-size:10px;color:#a4acc2;border-radius:5px;background:#22283a;padding:1px 6px}.app-nav button.active{background:#28243e;color:#c0b4ff;border-color:#3c3359}.app-nav button.active small{background:#3c335b;color:#d1c8ff}.sidebar-bottom{margin-top:auto}.sidebar-bottom>p{font-size:10px;color:#7f89a0;padding:0 11px;margin-top:8px}.preview-label{font-size:11px;display:flex;gap:8px;align-items:center;padding:10px}.account-row{display:flex;gap:8px;align-items:center;border-top:1px solid var(--border);margin-top:24px;padding:19px 0;font-size:10px}.account-avatar{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#344643;color:#93d9c5;flex-shrink:0}.account-row #account{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.account-row button{padding:5px;font-size:10px;background:transparent;border:0;color:#adb5c9}.signed-in .app-main{margin-left:242px}.topbar{height:70px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 34px;font-size:11px;background:#11151e}.breadcrumb{display:flex;gap:13px;align-items:center;color:#8892aa}.breadcrumb b{font-weight:500;color:#c9cfe0}.preview-pill{font-size:8px;color:#d9bd79;border:1px solid #4c402a;border-radius:4px;padding:3px 6px;letter-spacing:1px}#today-label{color:#8791a7}#refresh{padding:6px 9px;font-size:11px;background:transparent}.shell{max-width:1580px;margin:auto;padding:32px 34px 10px}.workspace-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:18px}.workspace-intro p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.intro-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}.context-switch{display:flex;gap:2px;border:1px solid var(--border);background:#141823;padding:3px;border-radius:8px}.context-switch button{font-size:11px;padding:7px 10px;border:0;background:transparent;color:#939db3}.context-switch button.active{background:#30354a;color:#f0edff;box-shadow:0 1px 4px #0003}.preview-notice{font-size:10px;color:#a39578;display:flex;align-items:center;gap:7px;margin-bottom:24px}.preview-notice .dot{width:5px;height:5px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:22px;margin-bottom:20px;min-width:0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:11px;padding:18px 20px;position:relative;overflow:hidden}.kpi:hover:not(:disabled){background:#1c2030;border-color:#635a90}.kpi-heading{display:flex;justify-content:space-between;align-items:center;color:#aab2c6;font-size:12px}.kpi-heading i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-style:normal}.kpi svg{width:16px;height:16px}.violet{background:#302944;color:#b4a6ff}.rose{background:#3e2732;color:#ed8ba3}.amber{background:#3b3225;color:#e6ba75}.mint{background:#20382f;color:#77d8b4}.kpi>b{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:8px 0 17px}.kpi>small{display:flex;justify-content:space-between;color:#8993ab;font-size:10px}.kpi>small span{color:#a2a9bd}.chart-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.section-heading h2{margin-bottom:4px}.section-heading p{margin-bottom:0;font-size:11px}.period-pill{font-size:9px;white-space:nowrap;padding:5px 8px;border:1px solid #363d50;border-radius:6px;color:#acb4c8}.chart-keys{display:flex;gap:18px;justify-content:flex-end;font-size:10px;color:#b0b8cc}.chart-keys>span{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.dot.pending{background:#8893ad}.dot.progress{background:#8c83ff}.dot.waiting{background:#efb85e}.dot.done{background:#48cfad}.dot.cancelled{background:#626a7e}#evolution-chart svg{display:block;width:100%;height:auto;max-height:245px;margin-top:8px}#evolution-chart text{fill:#909ab1;font-size:11px}.chart-grid{stroke:#2b3142;stroke-dasharray:3 5;stroke-width:1}.created-line,.completed-line{stroke-width:2.7;stroke-linejoin:round;fill:none}.created-line{stroke:#9a8cf8}.completed-line{stroke:#48cfad}.created-point{fill:#9a8cf8;stroke:#161a25;stroke-width:2}.completed-point{fill:#48cfad;stroke:#161a25;stroke-width:2}.chart-caption{font-size:9px;color:#7f8aa3;margin:10px 0 0}.chart-details summary{font-size:10px;cursor:pointer;color:#a59bdf}.chart-details table{margin-top:10px;font-size:11px;width:100%;border-collapse:collapse}.chart-details th,.chart-details td{text-align:left;padding:5px;border-bottom:1px solid var(--border)}.distribution-content{display:flex;gap:17px;align-items:center;justify-content:center;min-height:225px}.donut{width:165px;height:165px;position:relative;flex-shrink:0}.donut svg{width:100%;height:100%}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-center strong{font-size:29px;font-weight:600;letter-spacing:-1px}.donut-center span{font-size:10px;color:#909bb3}#status-legend{flex:1;max-width:190px}.legend-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#aab3c7;margin:14px 0}.legend-row b{font-size:11px;color:#d5daea;font-weight:550}.completion{border-top:1px solid var(--border);padding-top:15px;display:flex;justify-content:space-between;font-size:11px;color:#9ba5bc}.completion strong{color:#74d9b9;font-size:15px}.work-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:20px}.text-button{padding:0;border:0;background:transparent;color:#b7aafa;font-size:11px;white-space:nowrap}.text-button:hover:not(:disabled){background:transparent;color:#d3caff}.focus-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 0;border:0;border-top:1px solid var(--border);background:transparent;border-radius:0}.focus-item:first-child{border-top:0}.focus-item b{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.focus-item small{display:block;color:#929db4;font-size:10px;margin-top:4px}.focus-item>span:last-child{font-size:12px;color:#7f8aa0}.task-mark{width:8px;height:8px;border-radius:50%;border:2px solid #ab9df5;flex-shrink:0}.priority-row{display:grid;grid-template-columns:1fr auto;gap:7px;font-size:11px;color:#a9b3c9;margin:13px 0}.priority-row b{font-weight:500;color:#e3e6f1}.priority-row progress{grid-column:1/-1;height:5px}.priority-row:first-child progress::-webkit-progress-value{background:#e58fa3}.priority-row:nth-child(2) progress::-webkit-progress-value{background:#edb66c}.priority-row:nth-child(4) progress::-webkit-progress-value{background:#6e91bc}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border:0;border-radius:20px;overflow:hidden;background:#2b3041}progress::-webkit-progress-bar{background:#2b3041}progress::-webkit-progress-value{background:#a292f3;border-radius:20px}progress::-moz-progress-bar{background:#a292f3;border-radius:20px}#overview-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.overview-project{text-align:left;padding:17px;background:#1c2130;border:1px solid #30374a}.overview-project .row b{font-size:12px;overflow-wrap:anywhere}.project-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#343049;color:#b3a6fb;font-size:21px}.overview-project p{margin:13px 0;font-size:11px;min-height:33px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overview-project>.row:last-child{font-size:10px;margin-top:8px}.overview-project>.row:last-child b{color:#b9aafa}.empty-state{padding:26px 12px;color:#9da7be;text-align:center;font-size:12px;margin:0;grid-column:1/-1}.quick-card{background:linear-gradient(110deg,#211e32,#171c29)}#quick{margin-top:16px}#quick input{background:#121621}.quick-footer{margin-top:10px}.quick-footer p{margin:0;font-size:10px}.quick-footer button{font-size:10px}.task-card{padding:0;overflow:hidden}.task-card>.section-heading{padding:22px 22px 0;align-items:center}.task-card .section-heading input{width:240px;max-width:100%;font-size:11px;background:#121722}.count-pill{font-size:10px;background:#2d2842;color:#c7baff;border-radius:5px;padding:2px 6px;vertical-align:middle;margin-left:4px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 22px 18px}.filters select{font-size:11px;padding:8px 10px;background:#1b202e;flex:1;min-width:130px}.table-scroll{width:100%;overflow-x:auto}.task-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:850px}.task-table thead{background:#1c2130;color:#909ab2;font-size:10px}.task-table th{font-weight:500;padding:12px 14px;white-space:nowrap;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.task-table th:first-child{padding-left:22px;width:34%}.task-table td{padding:16px 14px;border-bottom:1px solid #272d3e;max-width:300px;overflow-wrap:anywhere}.task-table tr:last-child td{border-bottom:0}.task-table td:first-child{padding-left:22px}.task-row:hover{background:#1c2130}.task-name{display:flex;gap:10px;align-items:center}.task-name b{font-weight:500;font-size:12px}.complete-task{width:17px;height:17px;padding:0;border-radius:50%;background:transparent;border:1.5px solid #6d7690;flex-shrink:0;font-size:11px;line-height:1}.complete-task.is-done{background:#336451;border-color:#4c9e7e;color:#adf6d7}.tag{display:inline-block;padding:3px 7px;font-size:9px;border-radius:5px;white-space:nowrap;background:#272e40;color:#adb7cf}.priority-high,.status-waiting{background:#3b3125;color:#e2b97d}.priority-urgent{background:#412936;color:#f0a2b4}.priority-normal,.status-progress{background:#2e2946;color:#beb0ff}.priority-low{background:#253244;color:#91b5df}.status-done{background:#223b33;color:#79d3b1}.status-cancelled{background:#292b33;color:#9a9da8}.late-date{color:#ef9cae}.owner-cell,.client-cell,.date-cell{color:#a3aec5}.edit-task{background:transparent;font-size:10px;padding:5px 8px;color:#b6a9f7;border-color:#3c3457}#project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.project-card{border:1px solid #343a4e;background:#1c2130;border-radius:10px;padding:19px;display:flex;flex-direction:column;align-items:stretch;gap:15px}.project-card b{font-size:14px;overflow-wrap:anywhere;display:block;margin-bottom:8px}.project-card p{overflow-wrap:anywhere}.project-card .muted{font-size:11px}.project-card button{font-size:11px;align-self:flex-start}.task{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid var(--border)}.task .grow b{display:block;font-size:13px;overflow-wrap:anywhere}.task small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.task button,.task select{font-size:11px}.field{margin-bottom:15px}.field label{display:block;font-size:12px;color:#b7c0d5;margin-bottom:7px}.auth{width:min(430px,100%);margin:8vh auto;padding:32px;box-shadow:0 30px 100px #0002}.auth>.brand-mark{margin-bottom:30px}.auth h1{font-size:26px}.auth .eyebrow{margin-top:10px}.auth .muted{line-height:1.8}.auth form{margin:24px 0 18px}.auth button.primary{width:100%;margin-top:8px}.auth>small{font-size:10px}.notice{padding:12px 16px;border:1px solid #3b4661;border-radius:9px;background:#202b40;font-size:12px;margin-bottom:20px}.error{background:#3b232e;border-color:#6f3c4b;color:#ffbcc9}.success{background:#21382f;border-color:#355e4e;color:#9bdfbd}#project-alert:not(:empty){padding:15px;border:1px solid #66543c;background:#312a21;color:#e6c68d;border-radius:8px;margin-top:16px}dialog{background:#191e2c;color:#e9edf8;width:min(600px,94vw);max-height:92vh;overflow:auto;border:1px solid #434962;border-radius:14px;padding:28px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#050810ba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin-bottom:22px}dialog .row{margin-top:10px}#project-detail .row h2{margin-bottom:0}#project-detail h2{margin-top:12px}#project-detail hr{border:0;border-top:1px solid var(--border);margin:25px 0}#project-detail>progress{margin:10px 0}footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#7c879f;margin:27px 0 20px}footer span{font-size:10px;letter-spacing:0}.skip-link{position:fixed;left:10px;top:-100px;z-index:20;background:#aaa0ff;color:#171128;padding:10px;border-radius:6px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){.shell{padding-top:40px}.distribution-content{gap:30px}.donut{width:185px;height:185px}.kpi{padding:22px}}@media(max-width:1200px){.sidebar{width:218px;padding-left:12px;padding-right:12px}.signed-in .app-main{margin-left:218px}.shell{padding:25px 22px 10px}.topbar{padding:0 22px}.workspace-intro{align-items:flex-start}.intro-actions{flex-direction:column;align-items:flex-end}.chart-layout{grid-template-columns:1.3fr 1fr}.distribution-content{flex-direction:column;gap:0;min-height:230px}.donut{width:135px;height:135px}#status-legend{max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.legend-row{margin:5px 0}.kpi{padding:15px}.kpi-heading{font-size:11px}.kpi>small{font-size:9px}#overview-projects,#project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.sidebar{width:190px}.signed-in .app-main{margin-left:190px}.brand{font-size:17px;gap:8px;padding-left:5px}.brand small{font-size:7px;letter-spacing:1px}.brand-mark{width:34px;height:34px;font-size:23px}.app-nav button{font-size:11px;padding:10px 7px;gap:7px}.app-nav button small{padding:1px 4px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-layout,.work-layout{grid-template-columns:1fr}.distribution-content{flex-direction:row;gap:24px;min-height:180px}.donut{width:160px;height:160px}#status-legend{display:block;max-width:230px}.legend-row{margin:13px 0}.workspace-intro{flex-direction:column;gap:18px}.intro-actions{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.topbar{height:60px}#today-label{display:none}.task-card>.section-heading{align-items:flex-start;flex-direction:column}.task-card .section-heading input{width:100%}.section-heading{gap:10px}h1{font-size:27px}.portfolio>.section-heading{flex-wrap:wrap}}@media(max-width:650px){.sidebar{position:sticky;inset:auto;top:0;width:100%;padding:0;display:block;border:0;border-bottom:1px solid var(--border);background:#141823f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar>.brand,.workspace-label,.nav-label{display:none}.sidebar-bottom{margin:0;display:flex;align-items:center;justify-content:flex-end;padding:0 14px}.sidebar-bottom>.preview-label,.sidebar-bottom>p{display:none}.account-row{border:0;padding:0 0 8px;margin:0;max-width:100%;gap:6px}.account-row #account{max-width:180px;font-size:9px}.account-avatar{width:20px;height:20px;font-size:9px}.app-nav{display:flex;padding:9px 10px 6px;gap:5px}.app-nav button{flex:1;justify-content:center;font-size:10px;padding:10px 6px;gap:6px}.app-nav button svg{width:16px;height:16px}.app-nav button span{flex:initial}.app-nav button small{display:none}.signed-in .app-main{margin-left:0}.topbar{height:52px;padding:0 17px}.topbar .row{gap:8px}.topbar .breadcrumb{font-size:10px;gap:8px}.topbar #refresh{padding:4px 6px;font-size:11px}.shell{padding:23px 16px 10px}.workspace-intro h1{font-size:26px}.workspace-intro p:not(.eyebrow){font-size:11px;max-width:330px}.eyebrow{font-size:8px;letter-spacing:.12em}.intro-actions>.primary{font-size:11px;padding:10px 12px}.context-switch button{font-size:10px;padding:7px 10px}.preview-notice{font-size:9px;margin-bottom:19px}.kpis{gap:10px;margin-bottom:16px}.kpi{padding:14px}.kpi-heading i{width:25px;height:25px}.kpi>b{font-size:28px;margin:6px 0 13px}.kpi-heading{font-size:11px}.kpi>small{font-size:9px}.kpi>small span{display:none}.card{padding:17px;margin-bottom:16px;border-radius:10px}.chart-layout,.work-layout{gap:0}.section-heading h2{font-size:14px}.section-heading p{font-size:10px}.period-pill{font-size:8px;padding:4px 6px}.chart-keys{font-size:9px}.chart-caption{font-size:8px}.distribution-content{gap:18px;min-height:185px}.donut{width:140px;height:140px}.legend-row{font-size:10px;gap:7px}.legend-row b{font-size:10px}#overview-projects,#project-list{grid-template-columns:1fr}.overview-project p{min-height:0}.quick-card h2{font-size:16px}#quick{gap:8px}#quick input,#quick button{font-size:11px;padding:11px}.quick-footer{gap:10px 14px}.quick-footer p{flex-basis:100%;font-size:9px}.task-card{padding:0}.task-card>.section-heading{padding:17px 17px 0}.filters{padding:0 17px 16px;gap:7px}.filters select{font-size:10px;min-width:calc(50% - 7px)}.task-table{min-width:800px}.table-scroll{overscroll-behavior-x:contain}.task-table td{padding:14px 10px}.task-table th:first-child,.task-table td:first-child{padding-left:17px}.grid{grid-template-columns:1fr}.task{flex-wrap:wrap;gap:10px}.task .grow{flex-basis:60%}.task select{max-width:100%;font-size:11px}.task button{font-size:10px}dialog{padding:22px}.field label{font-size:11px}footer{font-size:8px;letter-spacing:1px;gap:20px}footer span{font-size:9px;text-align:right;max-width:170px}.auth{margin:6vh auto;padding:27px}.auth h1{font-size:24px}#project-detail .row>select{width:100%}#project-detail .row>button{max-width:100%}#projects-panel>.card>.row{gap:10px}#projects-panel>.card>.row h2{flex-basis:100%;font-size:17px}#projects-panel>.card>.row button{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}.task-table th{position:relative}
