:root{--bg:#f2f5f9;--paper:#fff;--ink:#292c30;--muted:#7d8084;--line:#e2e5e9;--green:#33363a;--lime:#d1d4d8;--orange:#bd773c;--red:#b94b47;--sidebar:245px;font-family:Montserrat,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b0b3b7;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b4b7bb;outline-offset:0;border-color:#676a6e}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.3;letter-spacing:-1px;font-weight:650}h2{font-size:18px;font-weight:600;letter-spacing:-.4px}h3{font-size:16px;line-height:1.4;font-weight:600}p{line-height:1.65}small{font-size:12px}svg{flex-shrink:0;vertical-align:middle}.muted{color:var(--muted)}.positive{color:#595c60!important}.orange{color:var(--orange)!important}.danger{color:var(--red)!important}.strong{font-weight:600}.small-text{font-size:12px}.primary,.secondary,.button{padding:11px 17px;border-radius:7px;font-weight:550;font-size:13px;white-space:nowrap;display:inline-flex;gap:8px;align-items:center;justify-content:center}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#46494d}.secondary{background:#fff;border:1px solid #d9dce0}.secondary:hover{background:#f2f5f9}.small{padding:8px 12px}.text-button{color:var(--green);font-size:12px;font-weight:600}.icon-button{width:32px;height:32px;border-radius:6px;padding:5px}.icon-button:hover{background:#eaedf1}.danger-button{color:var(--red);font-size:12px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;color:#878a8e;margin-bottom:8px}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-weight:700;font-size:30px;letter-spacing:4px}.boot span{font-size:14px;letter-spacing:0;font-weight:400}.brand{display:flex;align-items:center;gap:12px;padding:30px 24px;color:var(--green);font-size:23px;font-weight:750;letter-spacing:2px}.brand small{display:block;font-weight:500;font-size:8px;letter-spacing:2.2px;margin-top:3px}.brand-symbol{background:var(--green);color:#dfe2e6;display:flex;align-items:center;justify-content:center;font-size:29px;font-family:Georgia,serif;font-style:italic;width:39px;height:43px;clip-path:polygon(0 15%,100% 0,100% 85%,0 100%)}#sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#f9fcff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.workspace{margin:0 17px 20px;border:1px solid var(--line);border-radius:8px;padding:11px;display:flex;align-items:center;gap:9px}.workspace div{flex:1}.workspace strong{font-size:11px;display:block}.workspace small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.workspace-icon{background:#e7eaee;padding:7px;border-radius:6px}.workspace>svg{color:#9ea1a5}nav{padding:0 13px 15px;overflow:auto;flex:1;scrollbar-width:thin}.nav-label{font-size:8px;letter-spacing:1.3px;font-weight:700;color:#9a9da1;padding:15px 13px 8px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 13px;font-size:12px;color:#6b6e72;border-radius:6px;margin-bottom:2px}.nav-item svg{width:17px;height:17px}.nav-item.active{background:#e7eaee;color:#36393d;font-weight:650}.nav-item:hover{background:#edf0f4}.nav-item b{margin-left:auto;background:#fff;border:1px solid #dcdfe3;border-radius:4px;padding:1px 6px;font-size:10px}.sidebar-footer{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:16px 17px}.sidebar-footer div{flex:1;overflow:hidden}.sidebar-footer strong{font-size:11px;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sidebar-footer small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.avatar,.top-avatar{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;background:#e4e7eb;color:#4e5155;font-size:10px;font-weight:650;border-radius:50%;flex-shrink:0}.main-shell{margin-left:var(--sidebar)}.topbar{height:72px;background:#ffffffc9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}.breadcrumb{font-size:11px;color:#8c8f93;white-space:nowrap}.breadcrumb span{padding:0 13px;color:#b9bcc0}.breadcrumb strong{font-weight:500;color:#4c4f53}.topbar-right{display:flex;align-items:center;gap:18px}.save-indicator{display:flex;gap:6px;align-items:center;font-size:10px;color:#8c8f93}.save-indicator i,.live-dot{width:5px;height:5px;border-radius:50%;background:#777a7e;display:inline-block}.topbar select{max-width:230px;border:1px solid var(--line);border-radius:6px;padding:8px 11px;background:white;font-size:11px;color:#53565a}.top-avatar{background:var(--green);color:white;width:28px;height:28px}.mobile-menu{display:none}main{max-width:1650px;margin:auto;padding:35px 38px 25px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{font-size:12px;color:#8b8e92;margin-top:7px}.heading-actions{display:flex;gap:9px}.welcome-band{background:#33363a;min-height:174px;border-radius:10px;color:#fff;position:relative;overflow:hidden;padding:30px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-band>div:first-child{position:relative;z-index:1}.welcome-band .live-dot{background:#abaeb2;margin-right:7px}.welcome-band div:first-child{font-size:8px;letter-spacing:1.5px;color:#c3c6ca}.welcome-band h2{font-size:25px;letter-spacing:-.7px;color:#eef1f5;margin:14px 0 7px;font-weight:500}.welcome-band p{font-size:11px;letter-spacing:0;color:#bfc2c6}.band-number{font-size:57px;letter-spacing:-3px;font-weight:300;position:relative;z-index:1;padding-right:30px;color:#cdd0d4}.band-number small{display:block;font-size:10px;letter-spacing:0;color:#aeb1b5}.blueprint{position:absolute;inset:-30% -5% -50% 57%;border:1px solid #a0a3a720;transform:rotate(-22deg);background:repeating-linear-gradient(90deg,transparent 0 49px,#a0a3a714 50px),repeating-linear-gradient(0deg,transparent 0 49px,#a0a3a714 50px);pointer-events:none}.blueprint:before,.blueprint:after{content:'';position:absolute;inset:20% 15%;border:1px solid #a0a3a73b}.blueprint:after{inset:35% 30%;border-width:2px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 19px;min-height:125px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#7d8084;font-size:11px}.metric-icon{width:28px;height:28px;border-radius:7px;background:#eff2f6;color:#84878b;display:flex;align-items:center;justify-content:center}.metric strong{display:block;font-size:25px;font-weight:600;letter-spacing:-.7px;margin:5px 0 8px}.metric small{font-size:9px;color:#9a9da1}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-title p{font-size:11px;color:#93969a;margin-top:4px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:21px 21px 0;min-width:0}.card-top{display:flex;align-items:center;gap:10px;margin-bottom:17px}.project-icon{background:#edf0f4;padding:10px;color:#6b6e72;border-radius:8px;margin-right:auto}.badge{font-size:9px;font-weight:550;padding:4px 8px;background:#edf0f4;color:#7c7f83;border-radius:5px;white-space:nowrap;display:inline-block}.badge.green{background:#eaedf1;color:#696c70}.badge.red{background:#fcf0ef;color:#ba5e54}.badge.amber{background:#fbf3e7;color:#b28a44}.project-card h3{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.address{font-size:10px;min-height:18px;margin-top:5px}.progress-label{display:flex;justify-content:space-between;margin:20px 0 8px;color:#979a9e;font-size:9px}.progress-label strong{color:#54575b;font-size:10px}.progress{height:5px;background:#eaedf1;border-radius:4px;overflow:hidden}.progress i{height:100%;display:block;background:#8c8f93;border-radius:4px}.card-finance{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:21px 0 17px}.card-finance small{display:block;color:#979a9e;font-size:8px}.card-finance strong{display:block;font-size:12px;margin-top:6px;font-weight:550}.card-meta{display:flex;justify-content:space-between;gap:8px;color:#8f9296;font-size:9px;margin-bottom:18px}.card-meta>span:first-child{display:flex;align-items:center;gap:6px}.card-bottom{border-top:1px solid #eceff3;padding:14px 0;display:flex;gap:7px;align-items:center;color:#8b8e92;font-size:9px}.card-bottom .avatar{width:25px;height:25px;font-size:8px}.card-bottom>span:nth-child(2){flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-bottom button{font-size:10px;color:var(--green);font-weight:600}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;margin-bottom:24px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 23px 13px}.panel-heading h2{font-size:14px}.panel-heading small,.panel-heading .muted{font-size:9px}.panel-empty{padding:30px 24px;color:#989b9f;font-size:12px}.activity-row{display:flex;width:100%;justify-content:flex-start;text-align:left;padding:14px 23px;border-top:1px solid #eff2f6;gap:13px}.activity-circle{padding:9px;background:#eff2f6;border-radius:8px;color:#8f9296}.activity-row>span:nth-child(2){flex:1}.activity-row strong{display:block;font-size:11px;font-weight:500}.activity-row small{display:block;font-size:9px;color:#9da0a4;margin-top:5px}.events{padding:4px 23px 17px}.event{display:flex;gap:12px;padding:14px 0;align-items:flex-start;border-bottom:1px solid #eceff3}.event:last-child{border-bottom:0}.event-dot{width:6px;height:6px;background:#a2a5a9;border-radius:50%;margin-top:5px;flex-shrink:0}.event>div{flex:1}.event strong{display:block;font-size:11px;font-weight:500}.event small{font-size:9px;color:#989b9f;display:block;margin-top:5px}.event time{font-size:8px;color:#a2a5a9;white-space:nowrap}.main-footer{padding:20px 38px 26px;display:flex;gap:15px;color:#8d9094;font-size:10px}.main-footer>span:first-child{color:#afb2b6}.main-footer>span:last-child{margin-left:auto}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:22px;flex-wrap:wrap}.toolbar-spacer{flex:1}.search-box{border:1px solid #dee1e5;background:white;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:7px;color:#9ea1a5}.search-box input{border:0;background:none;padding:10px 0;outline:0;color:var(--ink);font-size:11px;width:220px}.search-box:focus-within{outline:2px solid #afb2b6}.toolbar>select{background:#fff;border:1px solid #dee1e5;padding:10px;border-radius:7px;font-size:11px;color:#707377}.segmented{display:flex;background:#e7eaee;padding:3px;border-radius:7px}.segmented button{padding:7px 9px;font-size:10px;color:#8b8e92;border-radius:5px}.segmented .selected{background:white;color:#4d5054;box-shadow:0 1px 3px #00000008}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-size:10px;color:#888b8f;font-weight:500;padding:15px 17px;background:#f8fbff;border-bottom:1px solid #e3e6ea}td{padding:14px 17px;border-bottom:1px solid #ebeef2;color:#626569}tr:hover td{background:#f8fbff}.table-footer{font-size:10px;color:#9da0a4;padding:14px 17px}.table-progress{width:45px;height:4px;background:#e9ecf0;display:inline-block;vertical-align:middle;margin-right:5px;overflow:hidden;border-radius:4px}.table-progress i{display:block;background:#8b8e92;height:100%}.empty{border:1px dashed #d4d7db;border-radius:10px;min-height:270px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f9fcff;padding:35px;text-align:center}.empty-icon{color:#909397;background:#e9ecf0;padding:16px;border-radius:12px;margin-bottom:18px}.empty p{font-size:12px;color:#999ca0;max-width:390px;margin:9px 0 20px}.info-strip{display:flex;gap:15px;align-items:center;padding:16px 19px;border:1px solid #dbdee2;background:#eceff3;color:#6b6e72;border-radius:8px;font-size:11px;margin-bottom:23px;line-height:1.7;flex-wrap:wrap}.info-strip span{flex:1;color:#8d9094}.info-strip strong{color:var(--green)}.planning-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:18px}.gantt{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.gantt-head{padding:16px;display:flex;justify-content:space-between;gap:10px;font-size:11px;border-bottom:1px solid var(--line)}.gantt-head span{color:#919498;font-size:9px}.gantt-row{display:block;text-align:left;padding:12px 17px;width:100%;border-bottom:1px solid #eceff3}.gantt-row>span{font-size:10px;color:#7b7e82;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:8px}.gantt-track{height:16px;position:relative;background:repeating-linear-gradient(90deg,transparent 0 24%,#e9ecf0 25%)}.gantt-track>i{position:absolute;background:#d5d8dc;height:11px;top:2px;border-radius:3px;min-width:3px;overflow:hidden}.gantt-track b{height:100%;background:#73767a;display:block}.chart-line{padding:15px 24px;border-top:1px solid #eef1f5;font-size:11px}.chart-line>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.chart-line strong{font-weight:500}.compare{position:relative;padding:11px 0;margin-top:8px}.compare span{display:block;height:5px;background:#84878b;max-width:100%;border-radius:4px}.compare small{font-size:9px;display:block;margin-top:4px;color:#8b8e92}.compare.orange span{background:#cfaa71}.footnote{font-size:9px;color:#9a9da1;padding:17px 24px}.curve{width:100%;max-height:270px;padding:8px 20px}.legend{display:flex;gap:20px;font-size:11px;color:#595c60;padding:0 25px 23px}.padded{padding:28px}.padded h2{margin:16px 0}.padded p{font-size:12px;margin-bottom:16px}.feature-icon{display:inline-flex;padding:13px;border-radius:10px;background:#e9ecf0;color:#5d6064}.steps{padding-left:17px;font-size:12px;line-height:2.1;color:#878a8e;margin-bottom:25px}dialog{border:1px solid #d7dade;border-radius:12px;padding:0;width:min(820px,95vw);max-height:91vh;box-shadow:0 25px 90px #1f222630;color:var(--ink)}dialog::backdrop{background:#1f222670;backdrop-filter:blur(3px)}.modal-heading{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:2}.modal-heading h2{font-size:22px}.modal-body{padding:24px 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field label,.auth-panel label{font-size:11px;color:#676a6e;display:block;margin-bottom:7px;font-weight:550}.form-field label span{color:#c38b60}.form-field input,.form-field select,.form-field textarea,.auth-panel input{width:100%;border:1px solid #d7dade;background:#fff;border-radius:6px;padding:11px 12px;font-size:12px;color:#373a3e;line-height:1.4}.form-field textarea{resize:vertical}.form-field.wide{grid-column:1/-1}.modal-body>.form-field{margin-bottom:20px}.modal-footer{display:flex;gap:10px;align-items:center;padding:18px 28px;background:#f7fafe;border-top:1px solid var(--line);position:sticky;bottom:0}.modal-footer>span{flex:1}.form-error{color:#b34f44;font-size:12px;line-height:1.7;margin-top:15px}.form-error:empty{display:none}.attachments{margin-top:27px;padding-top:20px;border-top:1px solid var(--line)}.attachments h3{font-size:13px;display:flex;gap:9px;margin-bottom:16px}.attachment{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px;border-radius:5px;margin-bottom:7px;font-size:12px}.attachment small{margin-left:auto;color:#909397}.upload-label{display:inline-flex;align-items:center;gap:8px;background:#eff2f6;border:1px dashed #c8cbcf;padding:12px 14px;border-radius:6px;font-size:11px;cursor:pointer}.attachments input[type=file]{display:block;margin:12px 0;max-width:100%;font-size:10px;color:#888b8f}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#34373b;color:#fff;padding:14px 22px;border-radius:8px;box-shadow:0 10px 35px #20232720;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#a54e45}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.auth-story{background:#2b2e32;position:relative;overflow:hidden;color:#f0f3f7;padding:45px 65px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-story>*:not(.blueprint){position:relative;z-index:1}.auth-story .brand{padding:0;color:#e2e5e9}.auth-story .brand-symbol{background:#d3d6da;color:#323539}.auth-story .eyebrow{color:#a6a9ad;margin-bottom:22px;font-size:9px}.auth-story h1{font-size:58px;font-weight:450;letter-spacing:-2px;line-height:1.12}.auth-story p{color:#a5a8ac;font-size:15px;line-height:1.8;margin-top:24px}.auth-story>small{color:#808387;font-size:10px}.auth-story .blueprint{inset:0 -60% -30% 65%;opacity:.6}.auth-features{display:flex;gap:20px;flex-wrap:wrap;margin-top:45px;color:#c3c6ca;font-size:10px}.auth-features span{display:flex;gap:7px;align-items:center}.auth-features svg{width:16px;height:16px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:50px 40px}.auth-panel form{width:100%;max-width:350px}.auth-panel h2{font-size:28px;margin:20px 0 10px}.auth-panel p{font-size:12px;color:#8a8d91;margin-bottom:27px}.auth-panel label{margin:18px 0}.auth-panel input{margin-top:8px;padding:13px}.auth-panel .primary{width:100%;margin-top:10px;justify-content:space-between;padding:14px 18px}.auth-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:20px;font-size:9px;color:#9da0a4}
@media(min-width:1600px){main{padding-top:45px}.welcome-band{min-height:190px}.metric{padding:23px}.project-card{padding:26px 26px 0}}
@media(max-width:1200px){:root{--sidebar:215px}main{padding:28px 25px}.topbar{padding:0 25px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{gap:10px}.metric{padding:15px}.metric strong{font-size:21px}.brand{padding:27px 20px}.planning-layout{grid-template-columns:1fr}.save-indicator{display:none}.auth-story{padding:40px}.auth-story h1{font-size:48px}}
@media(max-width:850px){:root{--sidebar:0px}#sidebar{width:245px;transform:translateX(-100%);transition:.2s}#sidebar.shown{transform:translateX(0);box-shadow:10px 0 40px #0002}.mobile-menu{display:inline-flex}.topbar{height:64px;padding:0 20px}.breadcrumb{flex:1}.topbar-right{gap:9px}.topbar select{max-width:175px}.page-heading{flex-wrap:wrap}.heading-actions{margin-top:3px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.auth-story{padding:30px}.auth-story h1{font-size:38px}.auth-features{gap:15px;flex-direction:column}.auth-story .brand{font-size:20px}.auth-panel{padding:35px 25px}.event time{font-size:8px}.welcome-band h2{font-size:23px}}
@media(max-width:550px){main{padding:25px 17px}.topbar{padding:0 13px}.breadcrumb{font-size:10px}.breadcrumb span{padding:0 7px}.top-avatar{display:none}.topbar select{max-width:150px;font-size:10px}.projects-grid{grid-template-columns:1fr}.welcome-band{padding:26px 23px;min-height:190px}.welcome-band h2{font-size:23px;max-width:220px}.welcome-band p{max-width:210px;font-size:10px}.band-number{padding:0;font-size:39px}.band-number small{max-width:65px;line-height:1.6;font-size:8px}.metrics{gap:9px}.metric{min-height:115px;padding:13px}.metric-top{font-size:10px}.metric strong{font-size:20px}.metric small{font-size:8px}.metric-icon{width:22px;height:22px}.metric-icon svg{width:15px}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.heading-actions .primary,.heading-actions .secondary{font-size:11px;padding:10px 12px}.toolbar{gap:8px}.search-box{flex:1;min-width:180px}.search-box input{width:100%}.toolbar-spacer{display:none}.toolbar .secondary{font-size:10px}.form-grid{grid-template-columns:1fr}.modal-body{padding:20px}.modal-heading{padding:20px}.modal-footer{padding:16px}.modal-footer button{font-size:11px}.auth-shell{grid-template-columns:1fr}.auth-story{min-height:auto;padding:25px}.auth-story>div:not(.blueprint),.auth-story>small{display:none}.auth-panel{padding:35px 25px}.auth-panel h2{font-size:26px}.main-footer{padding:20px 17px;font-size:9px}.main-footer>span:first-child{display:none}.event time{max-width:55px;white-space:normal;line-height:1.6}.legend{flex-wrap:wrap}.card-bottom{font-size:10px}.auth-story .brand{padding:0}.page-heading{gap:15px}.info-strip{font-size:10px}}
@media print{#sidebar,.topbar,.heading-actions,.toolbar,.main-footer,.modal-footer,#toast,button{display:none!important}.main-shell{margin:0}main{padding:0}.welcome-band{print-color-adjust:exact}.panel,.metric,.project-card{break-inside:avoid}.projects-grid{grid-template-columns:repeat(2,1fr)}body{background:white}.two-col{grid-template-columns:1fr}dialog{position:static;width:100%;max-height:none;border:0;box-shadow:none}.modal-heading{position:static}.modal-body{padding:0}}

/* Sionex identity supplied by the owner. Logo is a CSS window into the unchanged brand sheet. */
:root{--bg:#f4f6f8;--ink:#252d35;--muted:#707982;--line:#e1e5ea;--green:#0052a6;--lime:#dcecff;--graphite:#4a4a4a}
.brand{justify-content:center;padding:18px 20px;letter-spacing:0}.brand-logo{display:block;position:relative;overflow:hidden;width:178px;aspect-ratio:280/190;background:#fff;border-radius:5px;flex-shrink:0}.brand-logo img{position:absolute;width:447.86%;max-width:none;height:auto;left:-12.5%;top:-183.16%}
.primary:hover{background:#003e80}.nav-item.active{background:#e8f1fc;color:#0052a6}.nav-item:hover{background:#f0f5fc}.workspace-icon,.project-icon,.metric-icon,.feature-icon,.empty-icon{background:#edf3fb;color:#0052a6}.progress i,.table-progress i,.gantt-track b{background:#0052a6}.gantt-track>i{background:#c9def7}.positive,.legend{color:#0052a6!important}.badge.green{background:#e6f0fb;color:#0052a6}.compare span{background:#0052a6}.avatar{background:#e4edf8;color:#0052a6}.welcome-band{background:linear-gradient(115deg,#102330,#00468d 75%,#0052a6)}.welcome-band h2{color:#fff}.welcome-band p,.welcome-band div:first-child,.band-number small{color:#cadbec}.band-number{color:#fff}.welcome-band .live-dot{background:#69b9ff}.auth-story{background:linear-gradient(145deg,#101c26,#17364e 65%,#0052a6)}.auth-story .brand{align-self:flex-start}.auth-story .brand-logo{width:225px}.auth-story h1{font-weight:600}.auth-story p,.auth-story .eyebrow,.auth-features,.auth-story>small{color:#cfdfec}.auth-story h1{font-size:50px}input:focus,select:focus,textarea:focus{outline-color:#7eb6ee;border-color:#0052a6}button:focus-visible,a:focus-visible,.search-box:focus-within{outline-color:#7eb6ee}#toast{background:#0052a6}.developer-credit{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#626d78;flex-wrap:wrap}.developer-credit a{display:inline-flex;align-items:center;gap:8px}.developer-credit img{width:88px;height:39px;object-fit:contain;background:#050b10;border-radius:4px}.auth-panel .developer-credit{margin-top:26px}.main-footer{align-items:center;flex-wrap:wrap}.main-footer .developer-credit{margin-left:auto}.main-footer>span:last-child{margin-left:0}@media(max-width:550px){.auth-story .brand-logo{width:155px}.auth-story .brand{margin:auto}.auth-story{padding:16px}.main-footer{justify-content:center}.main-footer .developer-credit{margin-left:0;width:100%}.auth-story h1{font-size:36px}}
.noxus-logo{position:relative;display:block;width:76px;aspect-ratio:530/450;overflow:hidden;flex-shrink:0;background:white}.developer-credit .noxus-logo img{position:absolute;width:213.4%;height:auto;max-width:none;left:-57.5%;top:-84.4%;border-radius:0;background:white}
.heading-actions{flex-wrap:wrap}.comparison-group{margin-bottom:20px}.comparison-group h2 small{display:block;margin-top:7px;font-weight:400}.form-field+.form-field{margin-top:14px}#schedule-result{margin-top:20px}.modal-body .table-wrap{max-width:100%}@media(max-width:850px){.page-heading{align-items:flex-start}.heading-actions{width:100%}.heading-actions button{flex:1}}
