@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f5f6f4;--panel:#fff;--text:#243536;--muted:#7d8785;--line:#e7ebe7;--green:#176d5c;--mint:#e9f5ee;--red:#b75b4a;--amber:#a97823;--nav:#152e32;--font:'DM Sans',system-ui,sans-serif;--heading:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4ba98f;outline-offset:3px}button{color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--nav);color:#b4c5c5;display:flex;flex-direction:column;padding:30px 20px 0;z-index:30}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 32px;color:white;font-family:var(--heading);font-size:34px;font-weight:750;letter-spacing:-1.8px}.brand small{display:block;font:8px var(--font);letter-spacing:2px;color:#a6bebe;margin-top:3px}.brand-symbol{height:40px;width:36px;font-size:43px;font-family:var(--heading);font-weight:800;line-height:.8;position:relative;color:#a8dac6}.brand-symbol span{position:absolute;width:9px;height:9px;border-radius:50%;background:#a8dac6;right:1px;top:2px}.workspace{display:flex;align-items:center;gap:9px;background:#203c40;border:1px solid #2b484c;border-radius:9px;padding:12px 10px;font-size:11px;color:#e3eceb}.workspace small{display:block;font-size:10px;color:#8da9a9;margin-top:3px}.workspace-icon{display:grid;place-items:center;background:#375257;border-radius:6px;width:29px;height:29px;font-weight:700}.workspace-dot,.profile-status{height:6px;width:6px;flex:none;border-radius:50%;background:#8ecdb3;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.8px;color:#779497;margin:32px 12px 12px}nav{display:grid;gap:6px}nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:7px;font-size:13px;transition:.15s}nav a:hover{background:#203c40;color:#fff}nav a.active{background:#d5eadd;color:#1c4940;font-weight:600}nav svg{width:17px;height:17px;opacity:.9}nav .count{margin-left:auto;padding:2px 6px;border-radius:4px;font-size:10px;background:#31494a;color:#bcd2cb}nav a.active .count{background:#bdd9cb;color:#275345}.sidebar-bottom{margin-top:auto;padding-top:40px}.prototype{font-size:11px;border:1px solid #335052;border-radius:9px;padding:13px 11px;background:#1b3539}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#69a78b;margin-right:4px}.prototype small{display:block;color:#8eaaab;line-height:1.6;margin-top:8px;font-size:10px}.reset{margin:12px 0 23px;background:none;border:0;font-size:11px;color:#91aeaf;padding:7px 3px}.reset:hover{color:white}.profile{display:flex;gap:10px;align-items:center;padding:20px 2px;border-top:1px solid #30484b;font-size:12px;color:#e2e9e7}.profile small{display:block;color:#83a0a2;font-size:10px;margin-top:4px}.avatar{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e4eae1;color:#3d6255;font-size:11px;font-weight:650;flex:none}.avatar.small{width:30px;height:30px;font-size:10px;background:#e4eadd}.shell{margin-left:246px}.topbar{height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{color:#88938e;font-size:12px}.breadcrumb span{padding:0 11px;color:#c6ccc7}.breadcrumb strong{font-weight:500;color:#45534d}.topright{display:flex;gap:22px;align-items:center;font-size:11px;color:#87918b}.private-label{color:#5f7569}.date-label{padding-left:22px;border-left:1px solid var(--line)}main{padding:35px 38px 25px;max-width:1570px;margin:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#789080;margin-bottom:8px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-family:var(--heading);font-size:30px;letter-spacing:-1.2px;font-weight:750;line-height:1.3}h2{font-family:var(--heading);font-size:16px;letter-spacing:-.4px;font-weight:750}h3{font-size:14px;font-weight:600}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.subtitle{color:#849088;font-size:12px;line-height:1.7;margin-top:8px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dce3db;border-radius:7px;background:white;font-size:11px;font-weight:550;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px}.btn:hover{background:#f0f5ee;border-color:#b2c8b7}.btn.primary{background:#1e6553;color:white;border-color:#1e6553;box-shadow:0 2px 3px #164c3d12}.btn.primary:hover{background:#164d40}.btn.subtle{background:transparent;border-color:transparent;color:#607968;padding:6px}.btn.small{min-height:28px;padding:6px 10px;font-size:10px}.btn svg{width:14px;height:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px 20px;position:relative}.metric-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7b877f}.metric-icon{display:grid;place-items:center;width:27px;height:27px;background:#f2f5ef;border-radius:7px;color:#718676}.metric-icon svg{height:14px;width:14px}.metric-value{font-family:var(--heading);font-size:30px;letter-spacing:-1px;font-weight:700;margin:10px 0 8px;line-height:1.1}.metric-value.money{font-size:26px}.metric-note{font-size:10px;color:#8a958d;line-height:1.6}.metric-note b{font-weight:550;color:#418167}.metric.attention{background:#fffdf8;border-color:#eee7d6}.metric.attention .metric-value{color:#966b2a}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;padding:4px 7px;border-radius:5px;white-space:nowrap;line-height:1.3}.badge.green{background:#eaf4ec;color:#4f7b5a}.badge.amber{background:#fbf1dc;color:#a37a36}.badge.red{background:#faeae5;color:#b06650}.badge.gray{background:#eef1ee;color:#839087}.badge.blue{background:#eaf0f7;color:#627e9a}.badge .dot{width:4px;height:4px;margin:0;background:currentColor}.grid-main{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:20px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{padding:21px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head p{font-size:10px;color:#8a958d;margin-top:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:550;color:#8c968d;padding:11px 15px;text-align:left;background:#fafbf8;border-top:1px solid #eff1eb;border-bottom:1px solid #eff1eb}td{font-size:11px;padding:17px 15px;border-bottom:1px solid #f0f2ed;vertical-align:middle}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{padding-right:22px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf8}.project-name{font-size:12px;font-weight:600;display:block;text-align:left;background:none;border:0;padding:0;color:#304c42}.project-name:hover{color:#16856b;text-decoration:underline;text-underline-offset:3px}.project-sub{font-size:10px;color:#8a958e;margin-top:5px}.project-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#edf2e7;color:#7e9271;flex:none}.project-icon svg{height:16px;width:16px}.project-cell{display:flex;gap:10px;align-items:center}.owner{display:flex;gap:7px;align-items:center;font-size:10px;color:#6b786f}.owner .avatar{height:23px;width:23px;font-size:8px}.progress{display:flex;align-items:center;gap:8px;font-size:10px;color:#6d7b71}.track{height:5px;background:#edf1e9;border-radius:10px;min-width:48px;width:65px;overflow:hidden}.track i{display:block;height:100%;background:#86aa79;border-radius:10px}.panel-foot{padding:12px 22px;border-top:1px solid var(--line);font-size:9px;color:#94a08f;display:flex;justify-content:space-between;gap:15px}.attention-box{padding:20px;background:#f4f0e5;border:1px solid #e9e2cd;border-radius:11px;margin-bottom:18px}.attention-box h2{font-size:14px;display:flex;align-items:center;gap:8px;color:#6e643d}.attention-box>p{color:#998c65;font-size:10px;margin-top:6px;line-height:1.6}.attention-item{border-top:1px solid #e4ddc9;margin-top:15px;padding-top:14px}.attention-item h3{font-size:11px;color:#6f6342;line-height:1.5}.attention-item p{font-size:10px;color:#9a9075;line-height:1.6;margin:5px 0 10px}.attention-item .btn{background:#fffcf5;border-color:#dfd7bf;font-size:9px;color:#80734e}.lower{margin-top:20px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.milestone{display:flex;align-items:center;gap:13px;padding:14px 22px;border-top:1px solid #f0f2ed}.date-box{width:34px;text-align:center;flex:none;color:#5a705f;font-size:18px;font-weight:600;background:#f0f4ec;padding:6px;border-radius:6px}.date-box small{display:block;font-size:8px;font-weight:400;margin-top:2px;text-transform:uppercase}.milestone h3{font-size:11px}.milestone p{font-size:10px;color:#8b978b;margin-top:5px}.milestone>.badge{margin-left:auto}.expense-row{padding:0 22px 16px}.expense-label{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#7e897e;margin-bottom:7px}.expense-bar{height:7px;border-radius:4px;background:#edf1e9;overflow:hidden}.expense-bar span{display:block;background:#8aa77a;height:100%;border-radius:4px}.expense-bar span.danger{background:#c28c70}.legend{font-size:9px;color:#95a08e;padding:0 22px 18px}.activity-row{padding:14px 20px;border-top:1px solid #f0f2ed;display:flex;gap:10px}.activity-dot{width:6px;height:6px;background:#8da78a;border-radius:100%;margin-top:5px;flex:none}.activity-row p{font-size:11px;line-height:1.6;color:#67796a}.activity-row small{font-size:9px;color:#99a392}.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#9ba495;padding:18px 38px 25px;max-width:1570px;margin:auto}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 18px;flex-wrap:wrap}.filters{display:flex;gap:9px;flex-wrap:wrap}.search{position:relative}.search input{width:230px;background:#fff;padding:10px 12px 10px 34px;border:1px solid #dfe5da;border-radius:7px;font-size:11px}.search svg{position:absolute;left:12px;top:11px;width:14px;height:14px;color:#92a08e}select.filter{border:1px solid #dfe5da;background:#fff;border-radius:7px;padding:9px 25px 9px 11px;color:#6e7d6d;font-size:11px}.result-count{font-size:10px;color:#8c9888}.kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kanban-column{background:#eef1eb;border:1px solid #e4e9df;border-radius:10px;padding:13px;min-height:400px}.kanban-heading{display:flex;gap:8px;align-items:center;margin:2px 0 16px;font-size:11px;font-weight:600;color:#63765f}.kanban-heading span{margin-left:auto;font-size:10px;background:#e1e7db;padding:2px 6px;border-radius:4px}.task-card{display:block;width:100%;text-align:left;padding:15px 13px;background:white;border:1px solid #e1e7dc;box-shadow:0 2px 3px #233a2410;border-radius:8px;margin-bottom:11px}.task-card:hover{border-color:#99b795;transform:translateY(-1px)}.task-card>small{font-size:9px;color:#94a08a}.task-card h3{font-size:12px;line-height:1.6;margin:8px 0 12px;color:#4e6247}.task-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#929d8b}.task-meta .avatar{height:22px;width:22px;font-size:8px}.late{color:#b87558!important}.task-card .badge{margin-bottom:10px;font-size:8px}.finance-table td{font-variant-numeric:tabular-nums}.right{text-align:right}.finance-summary{margin-top:18px;padding:17px 20px;background:#eaf1e7;border:1px solid #dce7d6;border-radius:9px;font-size:11px;color:#6d8264;line-height:1.7}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.decision-card{padding:22px}.decision-card h3{font-size:16px;font-family:var(--heading);letter-spacing:-.4px;margin-top:14px;line-height:1.5}.decision-card p{font-size:12px;line-height:1.8;color:#87917f;margin:12px 0}.decision-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.decision-card .project-sub{margin-top:10px}.empty{padding:50px 25px;text-align:center;color:#8b9982;font-size:12px}.empty h3{color:#64795d;margin-bottom:8px}.empty p{line-height:1.8}.icon-btn{display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;height:30px;width:30px;color:#8a9781}.mobile-menu{display:none}.icon-btn svg{height:15px;width:15px}dialog{border:1px solid #e0e6dc;border-radius:15px;padding:0;width:540px;max-width:calc(100% - 24px);box-shadow:0 24px 80px #132e3040;color:var(--text);max-height:90dvh}dialog::backdrop{background:#142b3255;backdrop-filter:blur(2px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:19px}.form-body{padding:23px 25px;display:grid;gap:17px}.field{display:grid;gap:7px;font-size:11px;color:#708069}.field input,.field select,.field textarea{width:100%;border:1px solid #d9e2d4;border-radius:7px;background:#fff;padding:10px 11px;font-size:12px;color:#3f563b;min-width:0}.field textarea{resize:vertical;min-height:75px}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-help{font-size:10px;line-height:1.7;color:#8c9984}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;background:#f8faf5;border-top:1px solid var(--line)}.drawer{height:100dvh;max-height:100dvh;max-width:calc(100% - 10px);width:650px;margin:0 0 0 auto;border-radius:0;border-right:0;overflow:auto}.drawer .dialog-head{position:sticky;top:0;background:#fff;z-index:2}.drawer-content{padding:25px}.detail-title{font-family:var(--heading);font-size:25px;font-weight:750;letter-spacing:-.8px;margin:12px 0 6px}.detail-meta{display:flex;gap:14px;align-items:center;font-size:11px;color:#849079;margin:20px 0}.detail-section{margin-top:27px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-heading h3{font-size:13px;font-weight:650}.detail-task{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid #edf1e7;align-items:center}.task-check{border:1px solid #cdd9c5;border-radius:5px;width:19px;height:19px;background:#fff;color:#589350;font-size:11px;flex:none}.task-check.checked{background:#e3efdc;border-color:#afc89f}.detail-task>div{flex:1}.detail-task h4{font-size:12px;margin:0;font-weight:500}.detail-task p{font-size:10px;color:#8b9780;margin-top:4px}.detail-task .btn{font-size:9px}.cost-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cost-detail>div{border:1px solid var(--line);border-radius:8px;padding:13px;background:#fafcf7}.cost-detail small{font-size:9px;color:#89967e}.cost-detail strong{display:block;font-size:15px;margin-top:8px;font-weight:600}.note-box{padding:15px;background:#f6f3e8;border:1px solid #eae3ca;border-radius:8px;color:#97835b;font-size:11px;line-height:1.8}.timeline-row{font-size:11px;line-height:1.7;padding:12px 0;border-bottom:1px solid var(--line);color:#78866d}.timeline-row small{display:block;font-size:9px;color:#9ca68f}.form-error{font-size:11px;color:#b96653;padding:0 25px 12px}#toast{position:fixed;left:calc(50% + 123px);bottom:28px;transform:translate(-50%,30px);background:#1c4239;color:#edf6e8;padding:13px 20px;border-radius:9px;box-shadow:0 5px 25px #17392330;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:85%;text-align:center}#toast.show{transform:translate(-50%,0);opacity:1}.demo-strip{display:flex;align-items:center;gap:9px;font-size:10px;color:#7d9275;margin-bottom:24px}.demo-strip .line{height:1px;background:#e1e7dc;flex:1}.quick-note{font-size:10px;line-height:1.7;color:#8b9980;margin:14px 0 0}.health{font-size:10px;color:#86917d}.week-label{color:#8e9b82;font-size:10px}.numeric{font-variant-numeric:tabular-nums}.card-top{display:flex;justify-content:space-between;align-items:center}.activity-list{max-height:430px;overflow:auto}.export-menu{position:relative}.export-options{position:absolute;right:0;top:43px;background:#fff;padding:6px;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #17392315;z-index:10;min-width:185px}.export-options button{display:block;background:none;border:0;width:100%;text-align:left;padding:10px;font-size:11px;border-radius:4px}.export-options button:hover{background:#f0f5ea}.export-options[hidden]{display:none}.scope-pill{font-size:9px;border:1px solid #e3e9dd;background:#f9fbf6;border-radius:5px;padding:4px 7px;color:#92a084}.mobile-title{display:none}
@media(min-width:1600px){.grid-main{grid-template-columns:minmax(0,1fr) 320px}.metric{padding:23px}.topbar{padding:0 48px}main{padding:40px 48px}}@media(max-width:1250px){main{padding:28px 25px}.topbar{padding:0 25px}.grid-main{grid-template-columns:minmax(0,1fr)}.side-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.attention-box{margin:0}.metrics{gap:12px}.metric{padding:16px}.metric-value{font-size:27px}.metric-value.money{font-size:23px}.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.page-footer{padding:15px 25px}.sidebar{width:220px;padding:27px 15px 0}.shell{margin-left:220px}#toast{left:calc(50% + 110px)}}@media(max-width:850px){.sidebar{width:200px;padding:24px 12px 0}.shell{margin-left:200px}.workspace{font-size:10px}.workspace-icon{display:none}h1{font-size:25px}.heading{align-items:flex-start;flex-direction:column;gap:16px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lower{grid-template-columns:1fr}.topright{gap:12px}.date-label{display:none}.decision-grid{grid-template-columns:1fr}.page-footer{flex-direction:column;gap:7px}#toast{left:calc(50% + 100px)}.side-panels{grid-template-columns:1fr}.cost-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sidebar{transform:translateX(-100%);width:246px;transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:12px 0 40px #132e3050}.shell{margin-left:0}.topbar{height:62px;padding:0 18px;gap:12px}.mobile-menu{display:grid}.breadcrumb{flex:1;font-size:10px}.topright .private-label{display:none}main{padding:25px 17px}.metrics{gap:10px}.metric{padding:15px 13px}.metric-title{font-size:10px}.metric-value{font-size:27px}.metric-value.money{font-size:22px}.metric-icon{height:23px;width:23px}.metric-note{font-size:9px}.heading{margin-bottom:22px}.heading .actions{width:100%}.heading .actions .primary{margin-left:auto}.subtitle{font-size:11px}.kanban{grid-template-columns:1fr}.kanban-column{min-height:100px}.fields-row{grid-template-columns:1fr}.search input{width:100%}.search{width:100%}.filters{width:100%}.toolbar .filter{flex:1}.panel-head{padding:18px}.panel-foot{padding:12px 18px}.milestone{padding:13px 18px}.page-footer{padding:10px 17px 25px}.drawer-content{padding:20px}#toast{left:50%}.demo-strip{font-size:9px}.detail-meta{flex-wrap:wrap}.cost-detail strong{font-size:14px}}
@media print{.sidebar,.topbar,.actions,.toolbar,.btn,.page-footer{display:none!important}.shell{margin:0}body{background:white}main{padding:0}.grid-main{display:block}.side-panels{margin-top:20px}.panel,.metric{break-inside:avoid}.metrics{grid-template-columns:repeat(4,1fr)}}

.grid-main table th,.grid-main table td{padding-left:10px;padding-right:10px}.grid-main table th:first-child,.grid-main table td:first-child{padding-left:20px}.grid-main table th:last-child,.grid-main table td:last-child{padding-right:20px}.grid-main .project-name{white-space:normal;max-width:200px;font-size:11px;line-height:1.5}.grid-main .project-sub{font-size:9px}.grid-main .owner{white-space:normal;max-width:95px;line-height:1.5}.grid-main .project-icon{width:28px;height:28px}.grid-main .track{width:48px;min-width:40px}.metric-note{color:#7b8977}.subtitle{color:#788675}.project-sub{color:#7d8a77}.panel-head p{color:#7c8a77}.attention-item p{color:#8a7b5e}
.auth{max-width:470px;margin:10vh auto;padding:36px}.auth .brand{color:var(--nav);margin:0 0 30px}.auth h1{font-size:24px}.auth p{line-height:1.7;color:#70817a;margin:14px 0}.field{display:grid;gap:7px;margin:15px 0;color:#53665d;font-size:12px}.field input,.field select,.field textarea,.project-picker{width:100%;padding:11px;border:1px solid #cdd8d1;border-radius:7px;background:#fff;color:#243536}.field textarea{min-height:100px;resize:vertical}.field textarea.code{font-family:monospace;font-size:12px;min-height:240px}.project-picker{margin:20px 0 0;background:#203c40;color:white;border-color:#48615e}.stack{display:grid;gap:20px}.content-pad{padding:22px;line-height:1.8}.empty{padding:32px;color:#71837a;line-height:1.8}.wrap-text{white-space:normal;min-width:200px;max-width:450px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric-value.money{font-size:23px}dialog{width:min(800px,94vw);max-height:88vh;overflow:auto;border:1px solid #dce5df;border-radius:14px;padding:28px;color:#243536;box-shadow:0 20px 80px #152e3240}dialog::backdrop{background:#102d3260}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.dialog-head h2{font-size:21px}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;background:#f4f7f4;padding:15px;border-radius:8px;max-height:420px;overflow:auto}.info{background:#edf4ee;border:1px solid #dbe8dd;border-radius:9px;padding:16px;line-height:1.7;font-size:12px}.error{color:#a54535}.muted{color:#819187}.bar{height:7px;background:#edf1e9;border-radius:6px;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;background:#529576}.tag{font-size:10px;display:inline-block;padding:4px 7px;background:#edf4ee;border-radius:5px}.notice{position:fixed;bottom:24px;right:24px;max-width:min(480px,90vw);padding:16px 22px;background:#163e35;color:white;border-radius:10px;z-index:99;box-shadow:0 4px 25px #183c3230}.notice.error{background:#9c4939;color:white}.list-card{padding:20px;border-bottom:1px solid #e7ebe7}.list-card:last-child{border:0}.list-card p{white-space:pre-wrap;line-height:1.8;margin:10px 0}.list-card small{color:#7d8c84}.subtitle{font-size:13px}.sidebar .btn{margin-top:12px}.topbar .actions{gap:10px}.topbar{gap:12px}#login-error{line-height:1.6}.gantt{display:grid;gap:5px;grid-template-columns:repeat(var(--weeks),minmax(15px,1fr));min-width:230px}.gantt span{height:12px;border-radius:2px;background:#eef2ee}.gantt span.on{background:#8bb39a}.gantt span.done{background:#276e59}@media(max-width:800px){.sidebar{position:relative;width:auto;padding:20px}.sidebar-bottom,.nav-label,.workspace{display:none}.brand{margin:0 0 15px}.sidebar nav{display:flex;flex-wrap:wrap}.sidebar nav a{padding:8px}.shell{margin-left:0}.topbar{height:auto;min-height:65px;padding:15px 20px}.metrics{grid-template-columns:1fr 1fr}main{padding:24px 18px}.split{grid-template-columns:1fr}.heading{align-items:flex-start}.project-picker{margin-top:12px}.auth{margin:6vh 16px}.sidebar .profile{padding:12px 0 0}.sidebar .btn{margin:0}.sidebar .profile small{display:inline}.metric-value.money{font-size:19px}}
@media(max-width:800px){.sidebar{transform:none;transition:none;inset:auto}.sidebar nav{display:flex}.sidebar nav a{font-size:12px}.sidebar .brand small{max-width:140px}.sidebar .profile{border-top:0}.sidebar .profile small{display:block}.topbar .breadcrumb{line-height:1.7}}
/* Retina 0.1.4 — identidad corporativa en azul marino y blanco. */
:root{--bg:#f2f6fc;--panel:#fff;--text:#152b46;--muted:#657891;--line:#dfe7f2;--green:#153e62;--mint:#e8f3ff;--nav:#061426;--heading:'Manrope',system-ui,sans-serif;--brand-blue:#153e62;--brand-deep:#063d79;--brand-light:#8aa8c3}
body{background:radial-gradient(ellipse at 90% 5%,#d8eafa80,transparent 45%),linear-gradient(150deg,#f8faff,#eff4fa);color:var(--text)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#547fa2}
.sidebar{width:260px;padding:24px 18px 0;background:radial-gradient(ellipse at 0 60%,#08458455,transparent 60%),linear-gradient(165deg,#02070d 0%,#061b33 52%,#071329 100%);color:#adbfda;border-right:1px solid #173657;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#254c73 #061426}
.brand{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;margin:0 5px 24px;padding:16px 12px 13px;background:#000;border:1px solid #123558;border-radius:14px;letter-spacing:normal;box-shadow:0 8px 28px #0004;flex-shrink:0}
.brand-logo{display:block;width:174px;height:auto;max-width:100%;object-fit:contain}
.brand small{display:block;color:#8fb3d9;font:8px var(--font);letter-spacing:2.6px;margin:0;text-align:center}
.workspace{background:linear-gradient(120deg,#13345a80,#071c3580);border-color:#244464;color:#e1ecfa;border-radius:10px;padding:12px}
.workspace small{color:#a3b9d3}.workspace-dot,.profile-status,.dot{background:#5f88aa}
.project-picker{margin-top:16px;border-color:#2d4b6e;border-radius:9px;background:#102744;color:#e5effc;padding:12px 11px;font-size:12px}
.project-picker option{background:#102744;color:#fff}
.nav-label{color:#7e9ebf;font-size:9px;letter-spacing:2px;margin-top:26px}
nav{gap:7px}nav a{color:#c2d0e3;border:1px solid transparent;border-radius:9px;padding:12px 13px;transition:background .15s,border-color .15s,box-shadow .15s}
nav a svg{width:17px;height:17px;flex-shrink:0;opacity:.85}
nav a:hover{background:#15447755;color:#fff;border-color:#2b5681}
nav a.active{background:linear-gradient(110deg,#153e62,#315f85);color:#fff;border-color:#258bd1;box-shadow:0 5px 17px #0054a13d;font-weight:650}
nav a.active svg{opacity:1}
.sidebar-bottom{padding-top:28px}.prototype{border-color:#25496b;background:linear-gradient(135deg,#102c4966,#07182f99);color:#c3d6ec;box-shadow:none}.prototype small{color:#9eb6d0}.profile{border-color:#234161;color:#edf5ff}.profile small{color:#97b4d3;line-height:1.6}.profile strong{font-weight:650}
.shell{margin-left:260px}.topbar{background:linear-gradient(100deg,#ffffffed,#f0f7ffed);border-bottom:1px solid #d9e6f5;position:relative}.topbar:after{content:'';position:absolute;inset:auto 0 -1px;height:2px;background:linear-gradient(90deg,#153e62,#7a9fbf 48%,transparent)}
.breadcrumb{color:#6c809b}.breadcrumb strong{color:#224361}.breadcrumb span{color:#9eb4cb}
.eyebrow{color:#365f80;font-size:10px;letter-spacing:2px}h1{color:#102e50;letter-spacing:-1.1px}h2,h3{color:#203d5b}.subtitle,.project-sub,.panel-head p,.metric-note,.muted{color:#647992}
.heading{padding-bottom:20px;border-bottom:1px solid #dfe8f3;margin-bottom:25px}
.btn{border:1px solid #cfdeef;background:linear-gradient(180deg,#fff,#f4f8fe);color:#22496d;border-radius:8px;box-shadow:0 2px 3px #17385b05;font-weight:600}
.btn:hover{background:#e9f3ff;border-color:#8eb5de;color:#064d88}
.btn.primary{background:linear-gradient(110deg,#113958,#345f83);color:#fff;border-color:#254d71;box-shadow:0 5px 13px #153e6228}
.btn.primary:hover{background:linear-gradient(110deg,#0c2f4b,#234f75);border-color:#163e60;color:white}
.btn.subtle{background:transparent;border-color:transparent;color:#365f80;box-shadow:none}.btn.subtle:hover{background:#edf5ff}
.metrics{gap:17px;margin-bottom:24px}.metric{border-radius:13px;border-color:#dbe6f3;background:linear-gradient(145deg,#fff 50%,#f3f8ff);box-shadow:0 6px 20px #163f7007;overflow:hidden;padding-top:23px;min-height:135px}
.metric:before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#153e62,#8baac4 70%,#cce9ff)}
.metric-title{color:#5d7793;font-weight:550}.metric-value,.metric-value.money{color:#073d75;font-weight:750}.metric-note b{color:#153e62}.metric.attention{background:#fffaf0;border-color:#f0dfb6}.metric.attention:before{background:linear-gradient(90deg,#b88221,#f6cd73)}.metric.attention .metric-value{color:#906115}
.panel{border-radius:13px;border-color:#dbe6f2;box-shadow:0 7px 24px #12396506;background:#fff}.panel-head{background:linear-gradient(105deg,#fff,#f3f8ff);border-bottom:1px solid #e5edf7;padding:22px}.panel-head h2{color:#173f65}.panel-head .btn{flex-shrink:0}
th{background:linear-gradient(105deg,#f2f7fd,#f7faff);color:#5a7490;border-color:#e4edf7;font-weight:600}td{border-color:#eaf0f7;color:#294562}tbody tr:hover{background:#f5f9ff}
.project-name{color:#244f74}.project-name:hover{color:#315f85}.content-pad{color:#355573}.empty{color:#637d97}.panel-foot{border-color:#e1eaf5;color:#698199}
.bar,.track{background:#e5eef9}.bar i,.track i{background:linear-gradient(90deg,#153e62,#527fa5)}
.gantt{gap:4px}.gantt span{background:#eaf0f8;border-radius:3px}.gantt span.on{background:linear-gradient(120deg,#5d83a2,#9cb8ce);box-shadow:inset 0 0 0 1px #1873b51a}.gantt span.done{background:linear-gradient(120deg,#163f63,#315f85)}
.tag{background:#edf5ff;color:#27639c;border:1px solid #d7e7fa;border-radius:6px;font-weight:550}
.info{background:linear-gradient(110deg,#eaf4ff,#f4f9ff);border-color:#cbdff5;color:#254f75;border-left:3px solid #507fa4;border-radius:10px}
.field{color:#345574}.field input,.field select,.field textarea{border-color:#cbdbea;color:#183854;background:#fbfdff;border-radius:8px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#6187a8;background:#fff;box-shadow:0 0 0 3px #436d9516}.field input[type=checkbox]{accent-color:#153e62;box-shadow:none}
.field textarea.code{background:#f4f8fe;color:#284a70}.error{color:#aa3e39}
details{border:1px solid #e0e9f5;background:#f8fbff;border-radius:9px;padding:12px;margin:10px 0}summary{color:#265b89;font-size:12px;font-weight:600;cursor:pointer;line-height:1.6}details[open]{background:#f4f9ff}
dialog{border-color:#c8ddf2;box-shadow:0 24px 100px #061b3355;color:#183958;border-radius:16px;background:linear-gradient(160deg,#fff 65%,#f2f8ff)}dialog::backdrop{background:#061b337d;backdrop-filter:blur(3px)}.dialog-head{border-bottom:1px solid #dfebf7;padding-bottom:18px}.dialog-head h2{color:#143d63}pre{background:#eff5fc;color:#234d73;border:1px solid #dae7f6}
.notice{background:linear-gradient(110deg,#073c70,#153e62);color:white;border:1px solid #2f85c8;box-shadow:0 7px 26px #07477a33}.notice.error{background:#963e3c;border-color:#ad5950}.list-card{border-color:#e0eaf5}.list-card small{color:#667e97}.list-card p{color:#35516f}
.auth{max-width:490px;margin:6vh auto;padding:34px;border-color:#d1e3f7;border-top:3px solid #2b5679;box-shadow:0 22px 80px #0b3e7520;background:linear-gradient(160deg,#fff 55%,#eff7ff)}
.auth .brand{width:245px;max-width:100%;margin:0 auto 30px;padding:18px 16px 15px;background:#000;border-color:#123558}.auth .brand-logo{width:205px}.auth .brand small{color:#8fb3d9}.auth h1{color:#163d63}.auth p{color:#627994}.auth .error{color:#aa3e39}.auth .eyebrow{line-height:1.8;letter-spacing:1.4px}.auth .btn.primary{min-height:42px;padding:11px 20px}
@media(min-width:801px){.sidebar{width:260px}.shell{margin-left:260px}}
@media(max-width:800px){.sidebar{width:auto;padding:20px;background:radial-gradient(ellipse at 100% 0,#0c4c83aa,transparent 65%),linear-gradient(130deg,#02070d,#08223e);overflow:visible}.sidebar .brand{width:180px;margin:0 0 18px;padding:12px}.sidebar .brand-logo{width:150px}.sidebar .brand small{font-size:7px;letter-spacing:1.6px}.sidebar nav{gap:6px}.sidebar nav a{padding:9px 10px;gap:7px}.sidebar nav a svg{width:15px;height:15px}.sidebar .profile{padding-top:14px}.shell{margin-left:0}.heading{padding-bottom:17px}.metrics{gap:11px}.metric{padding:18px 15px;min-height:132px}.metric-value.money{font-size:21px}.auth{margin:5vh 16px;padding:27px}.auth .brand{margin-bottom:24px}.topbar{padding:14px 18px}.project-picker{margin:0 0 16px}.topbar .actions{gap:6px}.topbar .btn{font-size:10px;padding:8px}.sidebar .project-picker{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{body{background:#fff}.metric:before,.topbar:after{display:none}.panel,.metric{box-shadow:none}}
.metric-value{overflow-wrap:anywhere;line-height:1.22}
@media(max-width:800px){.metric-value.money{font-size:19px}}
body{min-height:100vh;background-repeat:no-repeat;background-attachment:fixed}
/* Encuadre CSS del JPEG original: conserva el archivo completo y su proporción. */
:root{--bg:#f3f6fa;--text:#19364f;--muted:#647b8f;--line:#dce5ed;--nav:#113757;--brand-blue:#153e62;--brand-deep:#0c2e4d;--brand-light:#9bb6cc}
body{background:radial-gradient(ellipse at 95% 0,#d8e5ef80,transparent 47%),linear-gradient(145deg,#f9fbfd,#eef3f7);background-repeat:no-repeat;background-attachment:fixed}
.sidebar{background:radial-gradient(ellipse at 0 80%,#dce8f288,transparent 65%),linear-gradient(165deg,#fff,#edf3f8);color:#355570;border-right:1px solid #d2dfe9;scrollbar-color:#a9bfce #eff4f8}
.brand,.auth .brand{background:#fff;border:1px solid #d9e3ec;box-shadow:0 7px 22px #173d5c0a;border-radius:14px}
.brand{padding:17px 12px 14px}.brand small,.auth .brand small{color:#375f7e;font-weight:600}
.brand-mark{position:relative;width:188px;max-width:100%;aspect-ratio:1.55;overflow:hidden;flex-shrink:0;background:#fff}
.brand-mark img.brand-logo{position:absolute;display:block;left:50%;top:-48.75%;transform:translateX(-50%);width:129.032258%;max-width:none;height:auto;object-fit:initial}
.auth .brand{width:270px;padding:20px 18px 16px}.auth .brand-mark{width:230px}
.workspace{background:linear-gradient(110deg,#edf3f8,#f8fbfd);border-color:#d1dfeb;color:#234968}.workspace small{color:#627e95}
.project-picker{background:linear-gradient(110deg,#e9f0f6,#f5f8fb);border-color:#c3d5e4;color:#234967}.project-picker option{background:#fff;color:#234967}
.nav-label{color:#6c8499}nav a{color:#3b5d79}nav a:hover{background:#e4edf5;border-color:#c6d8e8;color:#153e62}
nav a.active{background:linear-gradient(110deg,#123958,#315c80);border-color:#335e7e;box-shadow:0 5px 14px #153e6221;color:white}
.prototype{background:linear-gradient(130deg,#eaf1f7,#f5f8fb);border-color:#cedce7;color:#365973}.prototype small{color:#5c788e}.prototype .dot{background:#4a789d}
.profile{border-color:#cfdee9;color:#1e4564}.profile small{color:#5b788f}
.topbar{background:linear-gradient(105deg,#0d2e4b,#244e70 68%,#3b6382);border-bottom-color:#274d6a;color:#e7f0f8;box-shadow:0 3px 12px #163c5812}
.topbar:after{height:2px;background:linear-gradient(90deg,#a9c2d8,#e5eef6 45%,#527998)}
.breadcrumb,.breadcrumb strong{color:#e4eef7}.breadcrumb span{color:#9cb8ce}
.topbar .btn{background:#ffffff0d;color:#f1f6fc;border-color:#9bb8d34d;box-shadow:none}.topbar .btn:hover{background:#ffffff1c;border-color:#c9dbea}
h1{color:#183f60}h2,h3,.panel-head h2{color:#244b6b}.eyebrow{color:#476d8c}.heading{border-color:#dae4ed}
.metric{background:linear-gradient(145deg,#fff 55%,#f4f7fb);border-color:#d8e3ed;box-shadow:0 6px 20px #173d5c06}
.metric:before{background:linear-gradient(90deg,#163e60,#638aa9 65%,#dce8f1)}
.metric-value,.metric-value.money{color:#193e5e}.metric-title{color:#58748b}.metric.attention .metric-value{color:#906115}
.panel{border-color:#d8e3ec;box-shadow:0 6px 22px #173d5c05}.panel-head{background:linear-gradient(105deg,#fff,#edf3f8);border-color:#e1e9f1}
th{background:linear-gradient(110deg,#eef3f8,#f7f9fc);color:#5d778e}.panel-foot{color:#698298}
.btn.primary{background:linear-gradient(110deg,#123858,#345f81);border-color:#315c7d;box-shadow:0 5px 13px #173d5c22}.btn.primary:hover{background:linear-gradient(110deg,#0c2d47,#244e70);border-color:#234d6b}
.btn{border-color:#ccdce8;color:#345a78;background:linear-gradient(180deg,#fff,#f1f6fa)}.btn:hover{background:#e6eff6;border-color:#a2bed4;color:#173d5c}.btn.subtle{color:#365f7f;background:transparent}
.gantt span{background:#e8eef4}.gantt span.on{background:linear-gradient(120deg,#5c83a2,#9ab6cd)}.gantt span.done{background:linear-gradient(120deg,#123c60,#3b6a8e)}
.bar i,.track i{background:linear-gradient(90deg,#1b486d,#7fa4c1)}.bar,.track{background:#e5edf4}
.info{background:linear-gradient(110deg,#eaf1f7,#f7fafd);border-color:#d0deea;border-left-color:#557e9e;color:#365b78}.tag{background:#edf3f8;color:#3f6482;border-color:#d7e3ed}
.field{color:#3b5f7c}.field input,.field select,.field textarea{border-color:#cbdce8;color:#234966}.field input:focus,.field select:focus,.field textarea:focus{border-color:#658ba9;box-shadow:0 0 0 3px #527ea516}
summary{color:#3c6482}details{background:#f7fafc;border-color:#dbe5ee}details[open]{background:#f1f6fa}.field input[type=checkbox]{accent-color:#234f73}
.auth{background:linear-gradient(155deg,#fff 60%,#edf3f8);border-color:#d3e0eb;border-top-color:#315d7e;box-shadow:0 22px 80px #173d5c19}.auth h1{color:#244b6b}.auth .eyebrow{color:#476e8b}
.notice{background:linear-gradient(110deg,#133a59,#345f81);border-color:#5a809e}.notice.error{background:#963e3c;border-color:#ad5950}
dialog{background:linear-gradient(160deg,#fff 65%,#f1f5f9);border-color:#d0dfeb}.dialog-head h2{color:#284e6d}pre{background:#f0f5f9;color:#355e7d}
@media(max-width:800px){.sidebar{background:radial-gradient(ellipse at 100% 0,#dce8f288,transparent 70%),linear-gradient(140deg,#fff,#edf3f8)}.sidebar .brand{width:190px;padding:13px}.sidebar .brand-mark{width:162px}.auth .brand{width:250px}.auth .brand-mark{width:210px}}
html{min-height:100%;background:#eef3f7}body{display:flow-root}
/* Retina Control 0.1.5 — Operations, dark glass. */
:root{color-scheme:dark;--bg:#060e1b;--panel:#0d1b2d;--text:#e8f1fa;--muted:#9aafc6;--line:#20364f;--nav:#081423;--brand-blue:#279dc7;--brand-deep:#073958;--brand-light:#66d2e8}
html{background:#060e1b;min-height:100%}body{background:transparent;color:#e8f1fa;position:relative;isolation:isolate;min-height:100vh;display:flow-root}
body:before{content:'';position:fixed;inset:-8px;z-index:-2;background:linear-gradient(110deg,#050c17ed,#071321de 65%,#071423cf),url('soc-ambient.png') center/cover no-repeat;pointer-events:none}
body:after{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 0,#155b7e29,transparent 55%),radial-gradient(ellipse at 0 95%,#0f325329,transparent 55%);pointer-events:none}
body.auth-mode:before{background-image:linear-gradient(105deg,#040b16d9,#061222ac 54%,#06121bc4),url('soc-ambient.png');filter:blur(1px)}
body.auth-mode:after{background:radial-gradient(ellipse at 18% 32%,#1b719b24,transparent 46%),linear-gradient(0deg,#040b1699,transparent 45%)}
h1,h2,h3{color:#edf5fd}h1{font-weight:750;letter-spacing:-1px}.eyebrow{color:#65c9df;font-size:10px;letter-spacing:2.4px}.subtitle,.project-sub,.panel-head p,.metric-note,.muted{color:#9aafc7}
.sidebar{background:linear-gradient(160deg,#07111ff2,#0a192aef 65%,#07101ef5);border-right:1px solid #36506d45;color:#b1c2d6;box-shadow:8px 0 40px #00000015;backdrop-filter:blur(24px);scrollbar-color:#284864 #081423}
.brand,.auth .brand{background:transparent;border:0;box-shadow:none;padding:12px 4px 14px;margin-bottom:21px}.brand-mark{background:transparent;width:185px}.brand-mark img.brand-logo{filter:grayscale(1) invert(1) brightness(1.65);mix-blend-mode:screen}.brand small,.auth .brand small{color:#7fabc5;font-weight:500;font-size:8px;letter-spacing:2.6px}
.workspace{background:linear-gradient(120deg,#18314970,#0b1b2b70);border:1px solid #304a655c;border-radius:11px;color:#dbe9f6}.workspace small{color:#8fa9c4}
.project-picker{background:#0d2035;color:#cfdfef;border-color:#2b465f;border-radius:9px;padding:12px 11px;font-size:12px}.project-picker option{color:#e5f0fa;background:#0d2035}
.nav-label{color:#7892ad;letter-spacing:2px}nav a{color:#a5bdd5;border-color:transparent;padding:12px 13px;border-radius:9px}nav a:hover{background:#1c3c563d;border-color:#365e7b45;color:#eaf5ff}
nav a.active{color:#e5f8ff;background:linear-gradient(100deg,#18618655,#11334d66);border-color:#287d9f66;box-shadow:inset 3px 0 #5bc9e1,0 6px 16px #0001}nav a.active svg{color:#70d3e9}
.prototype{background:linear-gradient(130deg,#10273b70,#0b192b70);border-color:#2a455f66;color:#afc8e0}.prototype small{color:#8fa8c1}.prototype .dot{background:#5ecfe5;box-shadow:0 0 8px #50cde84d}.profile{border-color:#29415a77;color:#e8f3fe}.profile small{color:#8ba9c3}
.topbar{background:#071321ba;border-color:#263e566b;color:#c0d3e7;box-shadow:none;backdrop-filter:blur(18px)}.topbar:after{height:1px;background:linear-gradient(90deg,#345b7766,#69c2e26b 55%,#20334c22)}.breadcrumb,.breadcrumb strong{color:#bacfe3}.breadcrumb span{color:#4f7393}
.topbar .btn{background:#14263b80;color:#d5e5f6;border-color:#35516e66;box-shadow:none}.topbar .btn:hover{background:#203e586e;border-color:#4a7897}
.heading{border-bottom:1px solid #2c465f4d;margin-bottom:26px;padding-bottom:24px}.heading h1{font-size:31px}.heading .subtitle{margin-top:9px}
.btn{background:linear-gradient(180deg,#152b42,#102237);border:1px solid #34516d99;color:#cce3f8;border-radius:8px;box-shadow:0 3px 7px #0001;font-weight:600}.btn:hover{background:#193750;border-color:#5487a6;color:#fff}
.btn.primary{background:linear-gradient(115deg,#0c6ba4,#168eb3);border-color:#379bc1;color:#fff;box-shadow:0 6px 22px #056a9b2e,inset 0 1px #d4f7ff1f}.btn.primary:hover{background:linear-gradient(115deg,#147eb7,#22a1c0);border-color:#72c9e0;color:#fff}.btn.subtle{background:transparent;box-shadow:none;color:#72c9e0;border-color:transparent}.btn.subtle:hover{background:#1e516a36;color:#a4e7f6}
.metrics{gap:17px}.metric{background:linear-gradient(135deg,#12253bdc,#0b192de8);border:1px solid #35516d65;border-radius:13px;box-shadow:0 9px 30px #00000018,inset 0 1px #b5def507;padding:23px 21px;min-height:151px;backdrop-filter:blur(14px)}
.metric:before{height:2px;background:linear-gradient(90deg,#267ca688,#66cee9b0 55%,#30486311)}.metric:after{content:'';position:absolute;right:-28px;top:-38px;width:110px;height:110px;border-radius:50%;background:#1f86b00a;pointer-events:none}
.metric-title{color:#acc2d7;font-size:12px;font-weight:500}.metric-value,.metric-value.money{color:#edf6ff;font-size:30px;font-weight:700;letter-spacing:-.7px;margin-top:15px;margin-bottom:10px;line-height:1.18}.metric-note{color:#93abc3;font-size:11px;line-height:1.65}.metric-note b{color:#72c9e0}.metric.attention{background:#2c2415dc;border-color:#80662d66}.metric.attention .metric-value{color:#f4cf8e}.metric.attention:before{background:linear-gradient(90deg,#94712d,#e2bd6977)}
.panel{background:linear-gradient(140deg,#0f2034ed,#0b192bec);border:1px solid #36516c66;border-radius:13px;box-shadow:0 10px 32px #0000001c,inset 0 1px #d1eaff06;backdrop-filter:blur(16px)}
.panel-head{background:linear-gradient(110deg,#172d414d,#0d1c2f22);border-color:#2c465d66;padding:22px}.panel-head h2{color:#dfeefa;font-weight:650}.content-pad{color:#b9cde0}.empty{color:#90aac4}.panel-foot{color:#8ca7c0;border-color:#28435b}
.table-wrap{scrollbar-color:#305472 #0c1b2b}th{background:#10273bd9;color:#93b0cb;border-color:#2e496166;font-size:10px;letter-spacing:1.3px}td{color:#c1d4e6;border-color:#29415855;font-size:12px}tbody tr:hover{background:#1e4c6822}.project-name{color:#b2e1f5}.project-name:hover{color:#79d6ec}.project-sub{color:#8fa9c1}
.tag{background:#1e405458;color:#a8c7de;border-color:#3b617d77;border-radius:6px}.bar,.track{background:#203a5177}.bar i,.track i{background:linear-gradient(90deg,#1c7aab,#5dd1e5)}
.gantt span{background:#1d344a;border:1px solid #29465d55}.gantt span.on{background:linear-gradient(115deg,#246b92,#4aa4bc);border-color:#64bed355}.gantt span.done{background:linear-gradient(115deg,#288c9b,#63cdbd);border-color:#8de3d166}
.info{background:linear-gradient(110deg,#12384d77,#10263c77);border:1px solid #355c7877;border-left:3px solid #5bbfd8;color:#b3d2e5;border-radius:9px}
.field{color:#b5cde2;font-size:12px;font-weight:500}.field input,.field select,.field textarea{background:#0a192bd9;border:1px solid #34516d99;color:#e4f2fe;border-radius:8px;padding:12px;box-shadow:inset 0 2px 5px #00000012}.field input::placeholder,.field textarea::placeholder{color:#64839e}
.field input:focus,.field select:focus,.field textarea:focus{background:#10253a;border-color:#56b3d3;box-shadow:0 0 0 3px #3ba4ca16;outline-color:#58b8d7}.field select option{background:#10253a;color:#e4f2fe}.field input[type=checkbox]{accent-color:#37a8cb}.field textarea.code{background:#081828;color:#abcde5}
input:autofill{box-shadow:0 0 0 1000px #0d2035 inset!important;color:#e4f2fe!important;caret-color:#e4f2fe}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #0d2035 inset!important;-webkit-text-fill-color:#e4f2fe!important;caret-color:#e4f2fe}
details{background:#10273b66;border-color:#304c6866;color:#b1c9df}details[open]{background:#14324855}summary{color:#b3d4e9}pre{background:#081828;color:#b1d5ed;border-color:#2d4b6577}
dialog{background:linear-gradient(145deg,#10263af5,#091728fb);border:1px solid #476c88aa;color:#c7dfef;box-shadow:0 24px 100px #0009,inset 0 1px #a4e4ff0d;border-radius:16px;backdrop-filter:blur(26px)}dialog::backdrop{background:#020810ac;backdrop-filter:blur(8px)}.dialog-head{border-color:#34516c77}.dialog-head h2{color:#ecf6fd}.error,.auth .error{color:#ffa7a1}
.notice{background:linear-gradient(110deg,#0c4e70,#15667f);border-color:#4c9cb9;color:#eafaff;box-shadow:0 8px 30px #0004}.notice.error{background:#632e32;border-color:#b76565;color:#ffe5e5}.list-card{border-color:#2d465e66}.list-card small{color:#91afc7}.list-card p{color:#b9cfe1}
.auth-stage{width:min(1160px,calc(100% - 100px));min-height:100vh;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:100px;align-items:center;padding:48px 0}
.auth-story{max-width:560px;padding:0 0 20px}.auth-story .brand{width:225px;padding:0;margin:0 0 72px;align-items:flex-start;gap:17px}.auth-story .brand-mark{width:220px}.auth-story .brand small{width:220px;text-align:center;color:#8ab3ce;font-size:8px}
.story-kicker{font-size:10px;letter-spacing:2.2px;color:#76c6df;font-weight:600;display:flex;gap:11px;align-items:center}.story-kicker span{height:5px;width:5px;border-radius:50%;background:#70d4e8;box-shadow:0 0 14px #56c7e0aa}
.auth-story h2{font-size:clamp(35px,3.5vw,52px);font-weight:650;line-height:1.14;letter-spacing:-1.8px;color:#edf7ff;margin:24px 0 20px}.auth-story>p{font-size:15px;line-height:1.9;color:#aac2d9;max-width:420px}
.story-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.story-features span{border:1px solid #619ab64d;border-radius:6px;background:#0d263d66;backdrop-filter:blur(12px);color:#b3d4e9;font-size:11px;padding:9px 12px}
.story-footer{margin-top:72px;display:flex;gap:12px;align-items:center;font-size:8px;letter-spacing:1.6px;color:#708fa9}.story-footer i{width:3px;height:3px;border-radius:50%;background:#4d7d9c}
.auth,.auth.panel{background:linear-gradient(140deg,#152b40bd,#0b1b2ee8);border:1px solid #6c9dba4d;border-top:1px solid #9acbe36b;border-radius:17px;box-shadow:0 24px 80px #0005,inset 0 1px #def7ff0b;backdrop-filter:blur(28px);padding:36px;margin:7vh auto;max-width:480px}
.auth-stage .auth{width:100%;margin:0;max-width:none;padding:38px 36px}.auth h1{color:#eef7ff;font-size:25px;letter-spacing:-.8px}.auth p{color:#a5bfd4;font-size:13px;line-height:1.8;margin:13px 0 24px}.auth .eyebrow{color:#72cce2;font-size:9px;letter-spacing:2px;margin-bottom:14px}.auth .brand{width:225px;margin:0 auto 28px}.auth .brand-mark{width:205px}.auth .brand small{color:#7fabc5}
.auth .field{margin:22px 0;gap:9px;font-size:12px;color:#bfd4e7}.auth .field input{min-height:47px}.auth .btn.primary{width:100%;min-height:47px;font-size:12px;letter-spacing:.2px;margin-top:6px}.auth #forgot{font-size:11px;margin-top:15px;padding-left:0}.auth #login-error:empty{display:none}.auth-card-foot{border-top:1px solid #3f61794d;color:#7b9db6;font-size:10px;line-height:1.8;padding-top:20px;margin-top:25px}
@media(max-width:1050px){.auth-stage{width:calc(100% - 64px);gap:50px;grid-template-columns:minmax(0,1fr) 390px}.auth-story h2{font-size:38px}.auth-story .brand{margin-bottom:50px}.story-footer{margin-top:45px}}
@media(max-width:800px){.sidebar{background:linear-gradient(140deg,#081627ec,#0c2033f0);border-right:0;border-bottom:1px solid #36536d66;backdrop-filter:blur(20px)}.sidebar .brand{width:170px;margin-bottom:16px;padding:0}.sidebar .brand-mark{width:160px}.sidebar .brand small{color:#7fabc5}.topbar{background:#071321c9}.metrics{gap:11px}.metric{padding:20px 15px;min-height:147px}.metric-value.money{font-size:22px}.metric-note{font-size:10px}.metric-title{font-size:11px}.heading h1{font-size:28px}.auth-stage{display:flex;flex-direction:column;width:min(460px,calc(100% - 36px));min-height:100vh;gap:26px;padding:32px 0 40px;align-items:stretch}.auth-story{padding:0}.auth-story .brand{width:170px;margin:0 0 28px}.auth-story .brand-mark{width:165px}.auth-story .brand small{width:165px;font-size:6px}.auth-story h2{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:17px 0 12px}.auth-story>p{font-size:12px;line-height:1.8;max-width:350px}.story-kicker{font-size:8px;letter-spacing:1.5px}.story-features,.story-footer{display:none}.auth-stage .auth{padding:27px 24px}.auth{margin:5vh 18px;padding:27px 24px}.auth h1{font-size:23px}.auth .field{margin:19px 0}.auth-story h2 br{display:none}.auth-story h2 br:after{content:' '}.heading{padding-bottom:20px}}
@media(prefers-reduced-transparency:reduce){.sidebar,.topbar,.panel,.metric,.auth,.auth.panel,dialog{backdrop-filter:none;background:#0d1d30}}
@media print{html,body{background:#fff;color:#152b46}body:before,body:after{display:none}.panel,.metric{background:#fff;color:#152b46;border-color:#ccd5df;box-shadow:none;backdrop-filter:none}h1,h2,h3,.metric-value,.metric-value.money,td,.content-pad{color:#152b46}th{background:#eef3f8;color:#345}.metric-note,.subtitle{color:#53697c}}