:root{--nav:#213343;--nav2:#2e475d;--orange:#ff7a59;--blue:#0b5bd3;--ink:#33475b;--muted:#6b7c93;--line:#dfe3eb;--bg:#f5f8fa;--white:#fff;--green:#00a4bd;--shadow:0 2px 8px rgba(45,62,80,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans Thai","Sarabun",Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.global{position:fixed;z-index:30;inset:0 0 auto 0;height:58px;display:flex;align-items:center;background:var(--nav);color:#fff}.brand{width:210px;height:58px;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#192b3a}.brand img{max-width:140px;filter:brightness(1.5)}.brand b{padding-left:8px;border-left:1px solid #648096}.global nav{display:flex;height:100%}.global nav a{display:flex;align-items:center;padding:0 15px;font-weight:700}.global nav a:hover{background:var(--nav2)}.global-actions{display:flex;align-items:center;gap:12px;margin-left:auto;padding-right:18px}.global-actions input{width:220px;padding:8px 11px;border:0;border-radius:4px}.userdot{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);font-weight:800}.sidebar{position:fixed;z-index:20;left:0;top:58px;bottom:0;width:210px;display:flex;flex-direction:column;padding:16px 9px;background:#fff;border-right:1px solid var(--line)}.sidebar>a{display:flex;gap:12px;padding:10px 12px;border-radius:4px;font-size:15px}.sidebar>a.active,.sidebar>a:hover{background:#eaf3fc;color:#0b5bd3;font-weight:750}.sidebar small{margin:18px 11px 7px;color:#8996a7;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.side-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--line)}.side-bottom b,.side-bottom span{display:block}.side-bottom span{color:var(--muted);font-size:12px}.side-bottom a{display:block;margin-top:9px;color:#c33}main{margin-left:210px;padding:84px 28px 35px;min-height:100vh}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-head p{margin:0;color:var(--muted)}h1{margin:4px 0 0;font-size:28px}h1 em{font-size:13px;font-style:normal;padding:4px 8px;border-radius:12px;background:#e5ebf2;color:#52667c}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 15px;border:1px solid #b8c4d0;border-radius:4px;background:#fff;cursor:pointer;font-weight:700}.btn.primary{border-color:#e66b4e;background:var(--orange);color:#fff}.alert{margin-bottom:14px;padding:11px 14px;border-radius:4px}.alert.success{background:#dff3e5;color:#217443}.alert.error{background:#fde5e5;color:#a33333}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.metrics article,.card,.data-card{background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow)}.metrics article{padding:18px}.metrics span{color:var(--muted)}.metrics b{display:block;margin-top:11px;font-size:27px}.dash-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;margin-top:14px}.card{padding:18px}.card h2{margin-top:0;font-size:18px}.activity{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f4}.activity i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e5f3ff;color:#0b5bd3;font-style:normal;font-weight:800}.activity p{margin:3px 0 0;color:var(--muted);font-size:12px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick a{padding:15px;border:1px solid var(--line);border-radius:4px;color:#0b5bd3;font-weight:700}.viewbar{display:flex;gap:22px;border-bottom:1px solid var(--line);background:#fff;padding:0 18px}.viewbar a{padding:13px 0;border-bottom:3px solid transparent}.viewbar a.active{border-color:var(--orange);font-weight:750}.list-tools{display:flex;gap:8px;padding:13px 0}.list-tools form{display:flex}.list-tools input{width:280px;padding:9px;border:1px solid #b9c5d2;border-radius:4px 0 0 4px}.list-tools button{padding:8px 12px;border:1px solid #b9c5d2;background:#fff}.data-card{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:12px 13px;border-bottom:1px solid #e8ebf0}th{background:#f7f9fb;color:#53677d;font-size:12px}tbody tr:hover{background:#f5faff}td a{color:#0b5bd3}mark{display:inline-block;padding:4px 8px;border-radius:3px;background:#d9edf7;color:#246581}.priority{background:#fff0d9;color:#9b5e0a}.empty{text-align:center;color:var(--muted);padding:30px}.deal-board{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:10px;margin-top:14px;overflow-x:auto}.deal-board>section{min-height:560px;padding:9px;background:#e9edf2;border-radius:5px}.deal-board section>header{display:flex;justify-content:space-between;padding:8px}.deal-board section>article{padding:13px;margin-bottom:8px;border:1px solid #dbe1e8;border-radius:4px;background:#fff;box-shadow:var(--shadow)}.deal-board article a{color:#0b5bd3}.deal-board article p{color:var(--muted)}.deal-board article strong{display:block;font-size:17px}.deal-board article footer{display:flex;justify-content:space-between;margin-top:15px;color:var(--muted);font-size:11px}.record-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.record-head h1{margin:0}.record-layout{display:grid;grid-template-columns:270px minmax(400px,1fr) 260px;gap:14px}.record-left,.record-center,.record-right>section{background:#fff;border:1px solid var(--line);border-radius:5px}.record-left{padding:18px}.record-avatar{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#dbeafe;color:#0b5bd3;font-size:28px;font-weight:800}.record-actions{display:flex;gap:5px}.record-actions button{padding:7px;border:1px solid var(--line);background:#f5f8fa}.record-left section{margin-top:20px;border-top:1px solid var(--line)}.record-left dl{margin:10px 0}.record-left dt{color:var(--muted);font-size:11px}.record-left dd{margin:2px 0}.record-center{padding:0 18px}.record-center>nav{display:flex;gap:20px;border-bottom:1px solid var(--line)}.record-center>nav a{padding:13px 0}.record-center>nav a.active{border-bottom:3px solid var(--orange)}.activity-compose{display:flex;flex-direction:column;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.activity-types{display:flex;gap:14px}.activity-compose input,.activity-compose textarea{padding:10px;border:1px solid #b9c5d2;border-radius:4px}.activity-compose textarea{min-height:80px}.activity-compose>div:last-child{display:flex;justify-content:space-between}.timeline article{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.timeline article>i{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:50%;background:#dff3f7;color:#007c91;font-style:normal;font-weight:800}.timeline article>div{width:100%}.timeline header{display:flex;justify-content:space-between}.timeline time{color:var(--muted);font-size:11px}.record-right{display:flex;flex-direction:column;gap:12px}.record-right section{padding:15px}.record-right h3{margin-top:0}.record-right a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:#0b5bd3}.drawer-backdrop{position:fixed;z-index:60;inset:0;background:rgba(20,40,60,.35)}.drawer{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);overflow-y:auto;background:#fff;box-shadow:-8px 0 30px rgba(20,40,60,.2)}.drawer>header{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line)}.drawer>header h2{margin:0}.drawer>header a{font-size:26px}.drawer-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.drawer-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}.drawer-form input,.drawer-form select,.drawer-form textarea{padding:10px;border:1px solid #b9c5d2;border-radius:4px}.drawer-form textarea{min-height:80px}.drawer-form footer{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:15px;border-top:1px solid var(--line)}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#213343,#2e6c88)}.login-card{width:min(430px,calc(100% - 30px));padding:32px;border-radius:8px;background:#fff;box-shadow:0 20px 70px rgba(0,0,0,.25)}.login-card img{max-width:180px}.login-card h1{font-size:22px}.login-card label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-weight:700}.login-card input{padding:12px;border:1px solid #b9c5d2}.login-card .btn{width:100%}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(3,1fr)}.record-layout{grid-template-columns:230px 1fr}.record-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.global nav{display:none}.dash-grid{grid-template-columns:1fr}}
@media(max-width:720px){.global{height:54px}.brand{width:auto;background:transparent}.brand img{max-width:118px}.global-actions input{display:none}.sidebar{top:54px;width:58px;padding:10px 5px}.sidebar>a{justify-content:center;padding:11px 5px}.sidebar>a span,.sidebar small,.side-bottom{display:none}main{margin-left:58px;padding:74px 12px 25px}.page-head h1{font-size:23px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:13px}.metrics b{font-size:23px}.record-layout{grid-template-columns:1fr}.record-right{grid-column:auto;display:flex}.drawer-form{grid-template-columns:1fr}.quick{grid-template-columns:1fr}.list-tools{overflow-x:auto}.record-head{flex-wrap:wrap}}
.service-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.service-metrics article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:5px;background:#fff}.service-metrics i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dff3f7;color:#007c91;font-style:normal;font-size:20px;font-weight:800}.service-metrics span{display:block;color:var(--muted)}.service-metrics b{font-size:25px}.service-metrics .sla-danger i{background:#fde5e5;color:#c73535}.service-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.service-grid>aside{display:flex;flex-direction:column;gap:14px}.helpdesk>header{display:flex;justify-content:space-between}.helpdesk>header h2,.helpdesk>header p{margin:0}.helpdesk>header p{color:var(--muted);font-size:12px}.helpdesk>header a,.service-link{color:#0b5bd3;font-weight:700}.ticket-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:9px;margin-top:14px;overflow-x:auto}.ticket-board>section{min-height:470px;padding:9px;border-radius:5px;background:#eef1f5}.ticket-board h3{display:flex;justify-content:space-between;font-size:14px}.ticket-board h3 span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff}.ticket-board article{display:flex;flex-direction:column;gap:7px;padding:11px;margin-bottom:8px;border:1px solid #dce2e9;border-left:4px solid #00a4bd;border-radius:4px;background:#fff}.ticket-board article.ticket-late{border-left-color:#e33d3d}.ticket-board article mark{align-self:flex-start;font-size:10px}.ticket-board article p{margin:0;color:var(--muted);font-size:12px}.ticket-board article footer{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:10px}.health-score{display:flex;align-items:center;gap:13px;margin:15px 0}.health-score b{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#dff3e5;color:#217443;font-size:30px}.health-score span{color:var(--muted)}.service-stat{display:grid;grid-template-columns:1fr auto;gap:9px}.service-stat dt,.service-stat dd{margin:0}.danger-text{color:#c33;font-weight:800}.muted{color:var(--muted)}
@media(max-width:1100px){.service-metrics{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:1fr}.service-grid>aside{display:grid;grid-template-columns:1fr 1fr}.ticket-board{grid-template-columns:repeat(4,240px)}}
@media(max-width:720px){.service-metrics{grid-template-columns:1fr 1fr}.service-grid>aside{display:flex}.service-metrics article{padding:12px}.service-metrics i{width:36px;height:36px}.service-metrics b{font-size:21px}}
.hub-switcher{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.hub-switcher>a{display:flex;align-items:center;gap:11px;min-height:95px;padding:15px;border:1px solid var(--line);border-top:4px solid #0b5bd3;border-radius:6px;background:#fff;box-shadow:var(--shadow)}.hub-switcher i{display:grid;place-items:center;width:42px;height:42px;min-width:42px;border-radius:9px;background:#e7f0ff;color:#0b5bd3;font-size:22px;font-style:normal}.hub-switcher b,.hub-switcher span{display:block}.hub-switcher span{color:var(--muted);font-size:11px}.hub-switcher strong{margin-left:auto;color:#0b5bd3;font-size:11px}.hub-switcher .hub-project{border-top-color:#7256c8}.hub-switcher .hub-project i{background:#eee9ff;color:#7256c8}.hub-switcher .hub-renewal{border-top-color:#00a4bd}.hub-switcher .hub-renewal i{background:#dff5f7;color:#007c91}.hub-switcher .hub-tech{border-top-color:#e67e22}.hub-switcher .hub-tech i{background:#fff0df;color:#a7560b}.workspace-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.workspace-actions>a{display:flex;flex-direction:column;gap:5px;min-height:120px;padding:17px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:var(--shadow)}.workspace-actions i{font-size:25px;color:#0b5bd3;font-style:normal}.workspace-actions b{font-size:16px}.workspace-actions span{color:var(--muted);font-size:12px}.metrics.compact{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.card-title{padding:14px 16px;margin:0;border-bottom:1px solid var(--line);font-size:17px}.project-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-cards>article{padding:15px;border:1px solid var(--line);border-radius:6px;background:#fff}.project-cards header,.project-cards footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.project-cards h3{margin:13px 0 5px}.project-cards p{color:var(--muted)}.project-bar{height:8px;margin:15px 0;border-radius:9px;background:#e7ebf0;overflow:hidden}.project-bar i{display:block;height:100%;background:#7256c8}.project-cards footer{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.hub-switcher,.workspace-actions{grid-template-columns:repeat(2,1fr)}.project-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.hub-switcher,.workspace-actions,.metrics.compact{grid-template-columns:1fr 1fr}.hub-switcher>a{min-height:85px}.project-cards{grid-template-columns:1fr}}
@media(max-width:430px){.hub-switcher,.workspace-actions,.metrics.compact{grid-template-columns:1fr}}

/* Executive dashboard — Supertech navy workspace */
.overview-head{margin-bottom:14px}.overview-actions{display:flex;gap:9px}.overview-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.overview-kpi{display:flex;align-items:center;gap:14px;min-height:110px;padding:18px;border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,60,92,.06);transition:.2s}.overview-kpi:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(31,60,92,.11)}.overview-kpi>i{display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:14px;font-size:23px;font-style:normal}.overview-kpi span,.overview-kpi small,.overview-kpi b{display:block}.overview-kpi span{color:#708097}.overview-kpi b{margin:2px 0;font-size:27px;color:#14263d}.overview-kpi small{font-size:11px}.kpi-blue>i{background:#e9f0ff;color:#1557c8}.kpi-blue small{color:#1557c8}.kpi-orange>i{background:#fff3e7;color:#e66c00}.kpi-orange small{color:#e66c00}.kpi-red>i{background:#ffebed;color:#e33942}.kpi-red small{color:#e33942}.kpi-green>i{background:#e5f7f0;color:#10835a}.kpi-green small{color:#10835a}.overview-section{overflow:hidden;border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,60,92,.05)}.overview-section>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.overview-section>header h2{margin:0;color:#17293f;font-size:18px}.overview-section>header p{margin:2px 0 0;color:#8491a4;font-size:11px}.overview-section>header>a{color:#1557c8;font-weight:750}.project-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:8px 16px 17px}.overview-project-card{padding:16px;border:1px solid #dce4ee;border-radius:12px;background:#fff}.overview-project-card>header{display:flex;align-items:center;gap:9px}.project-logo{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:10px;background:linear-gradient(135deg,#123f83,#5d65d9);color:#fff;font-weight:900}.overview-project-card h3,.overview-project-card p{margin:0}.overview-project-card h3{font-size:14px;color:#182a40}.overview-project-card p{color:#8491a4;font-size:11px}.overview-project-card mark{margin-left:auto;padding:4px 8px;border-radius:12px;font-size:10px}.health-risk,.health-delayed,.health-blocked{background:#fff0df;color:#c96800}.health-normal,.health-good{background:#e3f6e9;color:#16723c}.progress-label{display:flex;justify-content:space-between;margin-top:17px;color:#738198;font-size:11px}.progress-label b{color:#1b2d43}.mini-progress{height:6px;margin:6px 0 15px;border-radius:8px;background:#e8edf3;overflow:hidden}.mini-progress i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#1156cb,#16833e)}.overview-project-card footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding-top:12px;border-top:1px solid #edf0f4}.overview-project-card footer span{padding:0 7px;color:#8995a5;font-size:9px;border-right:1px solid #edf0f4}.overview-project-card footer span:first-child{padding-left:0}.overview-project-card footer span:last-child{border:0}.overview-project-card footer b{display:block;margin-top:3px;color:#23364d;font-size:10px}.overview-project-card footer .margin-value{color:#11824c}.overview-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:32px;color:#8491a4}.overview-empty b{color:#263a51;font-size:16px}.overview-empty a{color:#1557c8;font-weight:750}.overview-lower{display:grid;grid-template-columns:1.15fr .9fr .9fr;gap:14px;margin:15px 0}.today-list{padding:0 15px 12px}.today-list article{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #edf0f4}.task-check{width:17px;height:17px;min-width:17px;border:1.5px solid #aebaca;border-radius:4px}.today-list article div{min-width:0;flex:1}.today-list b,.today-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-list b{font-size:12px}.today-list small{color:#8491a4;font-size:10px}.today-list time{color:#63738a;font-size:10px}.today-list time.is-late{color:#e33942;font-weight:800}.line-pill{padding:3px 5px;border-radius:8px;background:#10c432;color:#fff;font-size:7px;font-style:normal;font-weight:900}.add-row{display:block;padding:12px 0 3px;color:#1557c8;font-weight:750}.overview-timeline{position:relative;padding:0 16px 12px}.overview-timeline:before{position:absolute;content:"";top:12px;bottom:24px;left:31px;width:2px;background:#dbe3ed}.overview-timeline article{position:relative;display:flex;gap:11px;padding:9px 0}.overview-timeline i{z-index:1;display:grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:50%;background:#1557c8;color:#fff;font-size:11px;font-style:normal;font-weight:800}.overview-timeline b,.overview-timeline span{display:block}.overview-timeline b{font-size:12px}.overview-timeline span{color:#8491a4;font-size:9px}.bom-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:3px 14px 14px}.bom-grid article{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #e1e7ef;border-radius:10px}.bom-grid article i{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#edf3ff;color:#1658c9;font-style:normal}.bom-grid span,.bom-grid b,.bom-grid small{display:block}.bom-grid span{font-size:10px}.bom-grid b{font-size:13px}.bom-grid small{color:#12804a;font-size:9px}.bom-total{grid-column:1/-1;display:flex;justify-content:space-between;padding:10px 12px;border-radius:9px;background:#f4f7fb}.document-drop{display:flex;align-items:center;gap:15px;padding:20px 24px;border:1.5px dashed #6d88ad;border-radius:14px;background:#fff}.document-drop>i{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#eaf1fc;color:#244c82;font-size:24px;font-style:normal}.document-drop>div{flex:1}.document-drop b,.document-drop span{display:block}.document-drop b{font-size:16px}.document-drop span{color:#8491a4;font-size:11px}.mobile-quick{display:none}
@media(max-width:1200px){.overview-kpis{grid-template-columns:1fr 1fr}.project-overview-grid{grid-template-columns:1fr 1fr}.overview-lower{grid-template-columns:1fr 1fr}.overview-lower>.overview-section:first-child{grid-column:1/-1}}
@media(max-width:720px){.overview-head{align-items:flex-start;gap:10px}.overview-actions .btn:first-child{display:none}.overview-kpis{gap:9px}.overview-kpi{min-height:92px;padding:12px;gap:9px}.overview-kpi>i{width:38px;height:38px;min-width:38px}.overview-kpi b{font-size:20px}.overview-kpi small{display:none}.project-overview-grid,.overview-lower{grid-template-columns:1fr}.overview-lower>.overview-section:first-child{grid-column:auto}.overview-project-card footer span{font-size:8px}.document-drop{align-items:flex-start;padding:16px}.document-drop>i{display:none}.document-drop .btn{padding:7px;font-size:10px}.mobile-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.mobile-quick a{display:flex;flex-direction:column;padding:14px;border:1px solid #dce4ee;border-radius:12px;background:#fff}.mobile-quick i{font-size:24px;color:#1557c8;font-style:normal}.mobile-quick b{margin-top:5px}.mobile-quick span{color:#8491a4;font-size:10px}}
@media(max-width:430px){.overview-kpis{grid-template-columns:1fr}.overview-kpi{min-height:75px}.overview-kpi small{display:block}.project-overview-grid{padding:7px 10px 12px}}

/* Layout matched to the approved Supertech dashboard reference */
:root{--nav:#061c35;--nav2:#102f59;--blue:#1858c7;--orange:#1858c7;--bg:#f3f6fa}.global{padding-left:0;background:#fff;color:#203249;border-bottom:1px solid #e1e7ef;box-shadow:0 3px 14px rgba(20,43,70,.07)}.brand{width:240px;min-width:240px;background:linear-gradient(160deg,#061b34,#082c52)}.brand img{max-width:158px;filter:brightness(0) invert(1)}.brand b{color:#fff;border-color:#517092}.global nav a{color:#344a63}.global nav a:hover{background:#edf3fb;color:#1858c7}.global-actions input{width:330px;border:1px solid #dce4ee;background:#f8fafc}.userdot{background:#174f99;color:#fff}.sidebar{top:58px;width:240px;padding:20px 13px;background:linear-gradient(180deg,#061b34 0%,#06284b 100%);border:0;color:#eaf2ff;box-shadow:5px 0 20px rgba(7,28,53,.11)}.sidebar>a{align-items:center;min-height:43px;padding:10px 14px;border-radius:8px;color:#e3ecf8;font-size:15px;font-weight:600}.sidebar>a.active,.sidebar>a:hover{background:linear-gradient(90deg,#174c9d,#1c5ac3);color:#fff;font-weight:800}.sidebar small{color:#7993b2}.side-bottom{border-color:#31506f}.side-bottom span{color:#9fb1c7}.side-bottom a{color:#ffb4b4}main{margin-left:240px;padding:84px 30px 40px}.btn{border-radius:8px}.btn.primary{border-color:#174f99;background:#174f99}.metrics article,.card,.data-card{border-radius:12px}.workspace-actions>a,.hub-switcher>a,.project-cards>article{border-radius:12px}.customer-link{color:#1557c8!important;font-weight:800}.customer-link:hover{text-decoration:underline}.overview-project-card .customer-link{color:#182a40!important}
@media(max-width:720px){.global{height:54px}.brand{width:58px;min-width:58px;padding:8px}.brand img{width:42px}.brand b{display:none}.sidebar{top:54px;width:58px;padding:10px 5px}main{margin-left:58px;padding:74px 12px 25px}.global-actions{padding-right:10px}.global-actions:before{content:'LINE';padding:5px 7px;border-radius:12px;background:#10c432;color:#fff;font-size:8px;font-weight:900}}
.top-line{position:relative;padding:6px 8px;border-radius:15px;background:#12bd32;color:#fff;font-size:9px;font-weight:900}.top-line em{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#ef3842;color:#fff;font-size:9px;font-style:normal}.top-bell{font-size:21px;color:#1d344e}.user-label b,.user-label small{display:block}.user-label b{font-size:12px}.user-label small{color:#8190a3;font-size:9px}
@media(max-width:720px){.top-line,.top-bell,.user-label{display:none}.global-actions:before{content:'LINE'}}
.settings-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:15px}.settings-form-card,.settings-users{border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(31,60,92,.06)}.settings-form-card{padding:20px}.settings-form-card>header,.settings-users>header{display:flex;align-items:center;gap:11px}.settings-form-card>header i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#e8f0ff;color:#1858c7;font-size:23px;font-style:normal}.settings-form-card h2,.settings-form-card p,.settings-users h2,.settings-users p{margin:0}.settings-form-card p,.settings-users p{color:#8391a5;font-size:11px}.user-create-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.user-create-form label{display:flex;flex-direction:column;gap:5px;color:#34485f;font-size:12px;font-weight:750}.user-create-form input,.user-create-form select{width:100%;padding:10px;border:1px solid #bdc9d7;border-radius:8px;background:#fff}.role-note{margin-top:17px;padding:13px;border-radius:10px;background:#f1f6fd}.role-note p{margin-top:4px;line-height:1.6}.settings-users{overflow:hidden}.settings-users>header{justify-content:space-between;padding:18px 20px}.user-table-wrap{overflow-x:auto}.user-table{min-width:760px}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>i{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#174f99;color:#fff;font-style:normal;font-weight:850}.user-cell b,.user-cell span{display:block}.user-cell span{color:#8290a3;font-size:10px}.account-status{display:inline-block;padding:5px 8px;border-radius:13px;font-size:10px;font-weight:800}.account-status.on{background:#e2f5e8;color:#16723d}.account-status.off{background:#f1f2f4;color:#7c8794}.mini-action{padding:6px 8px;border:1px solid #c8d2de;border-radius:7px;background:#fff;color:#42566e;cursor:pointer;font-size:10px}.mini-action:hover{border-color:#1858c7;color:#1858c7}
@media(max-width:1000px){.settings-layout{grid-template-columns:1fr}.settings-form-card{max-width:none}.user-create-form{display:grid;grid-template-columns:1fr 1fr}.user-create-form .btn,.role-note{grid-column:1/-1}}
@media(max-width:600px){.user-create-form{display:flex}.settings-form-card{padding:15px}}
.record-actions a{display:inline-flex;align-items:center;padding:7px;border:1px solid var(--line);border-radius:6px;background:#f5f8fa;color:#29445f;font-size:11px;font-weight:750}.record-right details{padding:7px 0;border-bottom:1px solid var(--line)}.record-right summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:#344b63;font-weight:800}.record-right summary em{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:#e7effa;color:#1858c7;font-size:10px;font-style:normal}.record-right details>a{padding:9px 4px}.record-right details>a span{display:block;color:#8291a4;font-size:9px}.assoc-empty{display:block;padding:8px 4px;color:#8996a7}
.user-row-actions{display:flex;align-items:center;gap:6px}.user-row-actions form{margin:0}.mini-action.delete-user{border-color:#f1b7bb;background:#fff7f7;color:#c92934}.mini-action.delete-user:hover{border-color:#d82f3a;background:#d82f3a;color:#fff}