:root{color-scheme:dark;--navy:#04101e;--panel:#0c2032;--line:#29475f;--muted:#a5bbce;--blue:#47bdff}
body{background:var(--navy);color:#edf6ff;font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,.button{border-color:var(--line);background:#10293e;color:#d7eaff;border-radius:9px;min-height:42px;transition:background .15s,border-color .15s}
button:hover,.button:hover{background:#193c56;border-color:#5385aa}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #73d5ff;outline-offset:4px}
.primary{background:linear-gradient(120deg,#0b9aeb,#096be5);border-color:#4cbbff;color:#fff;box-shadow:0 4px 22px #0089f422}.primary:hover{background:linear-gradient(120deg,#1bb0ff,#0b80fc)}
.muted,small{color:var(--muted)}a{color:#79cdff}input,textarea,select{background:#091b2c;border-color:#335069;color:#e4f2ff}input::placeholder{color:#92a9bd}label{color:#bed0df}h1:focus{outline:none}.error,.danger{color:#ff9da7}.danger{border-color:#814551}.notice{background:#14334e;color:#bdddf4}.loading{color:#b5d8f4}
.workspace-shell{min-height:100vh;background-image:linear-gradient(#3a94d706 1px,transparent 1px),linear-gradient(90deg,#3a94d706 1px,transparent 1px);background-size:46px 46px}
.workspace-header{min-height:84px;padding:16px clamp(18px,3vw,48px);display:flex;align-items:center;gap:36px;background:#061523f5;border-bottom:1px solid #213c51;position:relative;z-index:10}
.workspace-brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0;border:0;background:transparent!important;white-space:nowrap;color:#f2f7ff;font-size:25px;font-weight:750;letter-spacing:-1px}.brand-mark{font-size:35px;color:#66c8ff;line-height:1}.brand-grid{color:#67c6ff}.workspace-brand small{font-size:7px;letter-spacing:1.75px;color:#91aabd;margin-top:3px;font-weight:600}
.workspace-company{display:flex;flex-direction:column;gap:3px;min-width:100px;max-width:280px}.workspace-company label{margin:0;color:#8eabc1;font-size:10px;letter-spacing:1px;text-transform:uppercase}.workspace-company select{background:transparent;border:0;padding:3px 20px 3px 0;font-size:14px;font-weight:600;height:26px}.workspace-company option{background:#0c2336}.workspace-account{margin-left:auto;display:flex;align-items:center;gap:20px}.account-role{text-transform:capitalize;color:#97b4c9;font-size:12px}.install-link{font-size:12px;background:#102a40}.account-menu{position:relative}.account-menu summary{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;list-style:none;min-height:44px}.account-menu summary::-webkit-details-marker{display:none}.avatar{width:32px;height:32px;border:1px solid #467ca0;border-radius:50%;display:grid;place-items:center;background:#123958;color:#c8eaff;font-weight:700}.account-dropdown{position:absolute;right:0;top:48px;background:#0e263b;border:1px solid #3b5e77;box-shadow:0 16px 40px #0007;padding:18px;border-radius:12px;width:280px}.account-dropdown strong,.account-dropdown small{overflow-wrap:anywhere}.account-dropdown button{display:block;width:100%;text-align:left;background:transparent;border:0;margin-top:5px}.account-dropdown small{margin-bottom:14px}
.workspace-main{max-width:1520px;margin:auto;padding:22px 28px 0;min-width:0}.overview-home{border:1px solid #214260;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#020c1500 5%,#020c1530 35%,#020c15dc 85%,#020c15),url('/assets/totalgrid-rooftop.webp') center top / cover no-repeat;box-shadow:0 15px 55px #0003}.overview-art{display:flex;justify-content:center;height:clamp(270px,25vw,380px)}.overview-art img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 55%,transparent 72%)}
.home-inner{max-width:1200px;margin:auto;padding:0 30px 30px}.home-intro{text-align:center;text-shadow:0 2px 15px #000;margin:0 0 25px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.5px;color:#8dcbf2;line-height:1.5;margin:0 0 10px}.home-intro h1{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.8px;margin:0 0 8px;line-height:1.2}.home-intro>p:last-child{color:#b8cfdf;font-size:13px;margin:0}
.department-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.department-card{grid-column:span 2;text-align:left;padding:20px 22px;min-height:168px;border:1px solid #42657f;background:linear-gradient(130deg,#102b42ed,#081926ed);border-radius:15px;backdrop-filter:blur(12px);box-shadow:0 8px 25px #0004;transition:transform .2s,border-color .2s,background .2s}.count-5 .department-card:nth-child(4){grid-column:2/span 2}.department-card:hover{transform:translateY(-3px);border-color:#6ecbff;background:linear-gradient(130deg,#163c59f5,#0a2239f5)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#6bd0ff}.card-top svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.card-arrow{font-size:22px;font-weight:400}.department-card h2{font-size:18px;line-height:1.22;letter-spacing:-.3px;color:#f1f7ff;margin:16px 0 8px}.department-card p{font-size:12px;line-height:1.55;color:#aec6d9;margin:0;font-weight:400}.count-1{max-width:540px;margin:auto;grid-template-columns:1fr}.count-1 .department-card{grid-column:1}.count-4{grid-template-columns:1fr 1fr}.count-4 .department-card{grid-column:auto}.home-access{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:26px}.workplace-link{font-size:14px;padding:14px 24px;min-width:300px;display:flex;gap:35px;align-items:center;justify-content:space-between}.home-admin{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:center;color:#728fa4}.home-admin button{font-size:11px;border:0;background:transparent;padding:5px;min-height:32px;color:#acc8de}
.workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 3px 24px;color:#7e9bb0;font-size:10px;line-height:1.5}.connection-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#54d9b1;margin-right:6px;vertical-align:middle}
.department-nav{display:flex;gap:7px;overflow-x:auto;padding-bottom:18px;border-bottom:1px solid #203d53}.department-nav button{flex:0 0 auto;font-size:12px;border-color:transparent;background:transparent;color:#9ab7cf;min-height:38px;padding:8px 12px}.department-nav button[aria-current]{color:#bde7ff;background:#133651;border-color:#2b5978}.workspace-page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 25px}.workspace-page-head h1{font-size:30px;letter-spacing:-.7px;margin:0 0 8px}.workspace-page-head p:last-child{font-size:13px;color:#a6bfd1;margin:0}.workspace-page-head .primary{flex-shrink:0}.tool-nav{display:flex;overflow-x:auto;gap:25px;border-bottom:1px solid #2a4257;margin-bottom:24px}.tool-nav button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#96b2c8;white-space:nowrap;padding:8px 0 13px;font-size:12px;min-height:42px}.tool-nav button[aria-current]{border-bottom-color:#56c8ff;color:#84d2ff}.stats{gap:16px;margin:0 0 28px}.stats article{background:linear-gradient(120deg,#102a3f,#0a1f31);border-color:#29475f;border-radius:12px;padding:22px}.stats span{color:#a8c0d3;font-size:12px}.stats strong{font-size:29px;letter-spacing:-.8px;color:#f0f7ff}.section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 14px}.section-label h2{font-size:17px;margin:0}.section-label>span{font-size:11px;color:#839fb4}.section-label button{border:0;background:transparent;font-size:11px;min-height:32px;padding:4px 0;color:#77c8ff}.work-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px}.work-tool{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:14px;padding:20px;background:#0b2235;border-color:#2a4d68}.work-tool strong{font-size:14px;color:#dcedfa}.work-tool small{font-size:12px;line-height:1.6;font-weight:400;margin-top:8px}.work-tool>span:last-child{color:#68c5ff;font-size:20px}
.panel{background:#0b2032;border-color:#2a455a;border-radius:12px}.empty{color:#9fbacf}.panel h2{color:#eaf4fd}.table-wrap{padding:0}.table-wrap th{background:#102a40;color:#89acc6}.table-wrap td,.table-wrap th{border-color:#233f55;padding:18px 20px}.table-wrap td{color:#bad1e2}.table-wrap td button{color:#83d0ff;min-height:30px}.table-wrap td small{font-size:11px}.badge{background:#17384f;color:#bde6ff;text-transform:capitalize}.toolbar{margin:0 0 20px}.toolbar input{background:#0b2133}.list-row{border-color:#2b4559}.list-row strong{overflow-wrap:anywhere}.list-row>div{min-width:0}.progress{background:#243b4e}.progress i{background:#34b3f7}.financial-note{font-size:11px;color:#96b1c6}dialog{background:#0b2235;color:#e4f1fb;border:1px solid #42617b;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#000916cf;backdrop-filter:blur(5px)}.close{background:transparent;border:0;color:#abc9dd}.auth{background:#0b2237eF;border:1px solid #355675;color:#edf6ff;box-shadow:0 20px 100px #0008;backdrop-filter:blur(10px)}.auth-background{background-image:linear-gradient(#03111caa,#03111cbb),url('/assets/totalgrid-rooftop.webp');background-size:cover;background-position:center}.auth .brand{color:#e9f4ff}.auth h1{letter-spacing:-.7px}.auth small{font-size:11px}.auth-tabs button{font-size:12px;padding:8px 10px}.auth hr{border:0;border-top:1px solid #29475f}.auth .app-install-link{margin-top:24px}#notice:not(:empty){background:#163953;border:1px solid #3f7296}
@media(min-width:1500px){.home-inner{max-width:1250px}.overview-art{height:370px}.department-card{min-height:175px}}
@media(max-width:1100px){.workspace-header{gap:24px}.account-role{display:none}.home-inner{padding:0 22px 24px}.department-card{padding:18px;min-height:177px}.department-card h2{font-size:17px}.workspace-main{padding:20px 22px 0}.work-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats strong{font-size:25px}.workspace-account{gap:14px}}
@media(max-width:760px){.workspace-header{padding:14px 18px;gap:18px;flex-wrap:wrap}.workspace-brand{font-size:22px}.brand-mark{font-size:31px}.workspace-company{order:3;max-width:none;flex-basis:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-top:1px solid #243d51;padding-top:11px;gap:16px}.workspace-company select{max-width:65%;width:auto;text-align:right}.workspace-account{gap:10px}.account-label{display:none}.install-link{padding:8px 11px;font-size:11px;min-height:36px}.workspace-brand small{font-size:6px;letter-spacing:1.3px}.workspace-main{padding:14px 14px 0}.overview-home{border-radius:15px;background-size:auto,auto 900px;background-color:#020c15}.overview-art{height:270px}.home-inner{padding:0 15px 20px}.home-intro{margin-bottom:22px}.home-intro .eyebrow{font-size:9px;letter-spacing:2px}.home-intro h1{font-size:25px}.department-grid,.count-4{grid-template-columns:1fr;gap:12px}.department-card,.count-5 .department-card:nth-child(4){grid-column:1;min-height:115px;padding:19px 34px 18px 62px;position:relative}.card-top{position:absolute;top:21px;left:20px;width:calc(100% - 38px)}.card-top svg{width:23px;height:23px}.card-arrow{font-size:18px}.department-card h2{margin:0 0 8px;font-size:17px;padding-right:3px}.department-card p{font-size:12px}.workplace-link{width:100%;min-width:0;gap:10px;font-size:13px;padding:14px 18px}.home-access{padding-top:22px}.home-admin{gap:6px}.home-admin button{font-size:10px}.workspace-footer{font-size:9px;flex-wrap:wrap;padding:17px 0 28px}.workspace-footer span:last-child{margin-left:auto}.workspace-page-head{align-items:flex-start;flex-wrap:wrap;margin:22px 0}.workspace-page-head h1{font-size:25px}.workspace-page-head .eyebrow{font-size:9px}.workspace-page-head p:last-child{font-size:12px}.department-nav{padding-bottom:12px;gap:3px}.department-nav button{font-size:11px;padding:8px 10px}.tool-nav{gap:22px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.stats article{padding:17px}.stats strong{font-size:25px}.stats span{font-size:11px}.work-tool-grid{grid-template-columns:1fr}.section-label>span{display:none}.table-wrap{padding:0}.table-wrap td,.table-wrap th{padding:15px}.toolbar button{font-size:12px;white-space:nowrap}.account-dropdown{right:-2px;width:min(280px,calc(100vw - 36px))}dialog{padding:24px 20px}.list-row{flex-wrap:wrap}.list-row .actions{width:100%}}
@media(max-width:360px){.workspace-header{padding:12px;gap:8px}.workspace-account{gap:7px}.workspace-brand{font-size:20px}.workspace-brand small{font-size:5px}.brand-mark{font-size:28px}.workspace-main{padding:10px 10px 0}.home-inner{padding:0 12px 20px}.overview-art{height:235px}.home-intro h1{font-size:22px}.department-card{padding-left:53px;padding-right:30px}.card-top{left:16px}.department-card h2{font-size:16px}.home-admin{gap:3px}.home-admin button{font-size:9px}}
@media(prefers-reduced-motion:reduce){button,.button,.department-card{transition:none}.department-card:hover{transform:none}}
@media(max-width:600px){.table-wrap table{min-width:0}.table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.table-wrap tbody,.table-wrap tr{display:block}.table-wrap tr{padding:17px 18px;border-bottom:1px solid #2a455a}.table-wrap tr:last-child{border-bottom:0}.table-wrap td{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:6px 0;border:0;overflow-wrap:anywhere;text-align:right;font-size:12px}.table-wrap td:first-child{display:block;text-align:left;padding:0 0 12px}.table-wrap td:first-child button{font-size:14px}.table-wrap td:not(:first-child)::before{content:attr(data-label);color:#8dacc3;font-size:11px;text-align:left;flex-shrink:0}.table-wrap .badge{font-size:11px}.table-wrap td:first-child small{margin-top:2px}}