.portal-shell{max-width:1440px;padding:30px 35px 80px}.workspace{display:grid;grid-template-columns:235px minmax(0,1fr);gap:35px;align-items:start}.portal-sidebar{position:sticky;top:24px;padding:25px 16px 18px;background:linear-gradient(155deg,#162d3dcc,#171328dd);box-shadow:0 20px 70px #0003}.sidebar-title{display:flex;gap:13px;align-items:center;padding:4px 8px 24px;border-bottom:1px solid #ffffff15}.sidebar-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid #7be9ed55;background:linear-gradient(135deg,#21cddd25,#a066fc25);color:#82ebf2;font-size:23px}.sidebar-title strong{display:block;font-size:16px}.sidebar-title small{display:block;font-size:10px;color:#b2c1db;margin-top:3px}.sidebar-caption{font-size:8px;letter-spacing:1.7px;margin:25px 10px 12px;color:#8299b6}.portal-nav{display:grid;gap:6px;font-size:13px}.portal-nav a{display:flex;align-items:center;gap:12px;padding:13px 12px;border:1px solid transparent;border-radius:11px;color:#afbed5;transition:background .25s,color .25s,transform .25s,border-color .25s}.portal-nav a>span:first-child{width:20px;color:#8e9acc;font-size:20px;text-align:center;line-height:1}.portal-nav .nav-arrow{margin-left:auto;font-size:11px;opacity:0;transition:opacity .2s}.portal-nav a:hover{background:#88b7ff0d;border-color:#9fd6ff20;color:#e9faff;transform:translateX(3px)}.portal-nav a[aria-current=page]{background:linear-gradient(110deg,#15c8da1c,#8557ff2c);border-color:#91b6fa55;color:#f3f8ff;box-shadow:inset 3px 0 #72deef,0 5px 25px #17102855}.portal-nav a[aria-current=page]>span:first-child{color:#7deaf1}.portal-nav a:is(:hover,[aria-current=page]) .nav-arrow{opacity:1}.portal-nav a:focus-visible{outline:2px solid #8beaf4;outline-offset:3px}.sidebar-foot{font-size:9px;color:#94abc5;display:flex;gap:8px;align-items:center;margin:30px 10px 5px}.sidebar-dot{background:#73e3d3;box-shadow:0 0 10px #53dcca60;width:5px;height:5px;border-radius:50%}.workspace-content{min-width:0}.portal-top{padding:6px 0 23px;border-bottom:1px solid #ffffff14;margin-bottom:24px}.portal-top .eyebrow{font-size:9px}.portal-top h2{font-size:29px;letter-spacing:-1px;margin:8px 0}.portal-top button{font-size:12px;padding:11px 17px}.customer-context{padding:18px 23px;margin-bottom:28px;background:linear-gradient(110deg,#19404b25,#40336018)}.customer-context label{font-size:11px;color:#a9bed5}.customer-context select{margin-top:3px;max-width:100%}.portal-view>h2{font-size:36px;margin:0 0 20px;line-height:1.2;letter-spacing:-1.3px}.portal-view{padding:0}.portal-view>article,.view-card{padding:30px;margin-bottom:22px}.portal-view>article>h3:first-child{margin-top:0}.portal-view form{margin-top:20px}.portal-view form button{justify-self:start;font-size:13px}.view-intro{font-size:14px;color:#9eafcb}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0}.portal-stat{padding:23px;border-radius:15px;background:linear-gradient(135deg,#143b443e,#171c2b);border:1px solid #77d4e02a}.portal-stat:nth-child(2){background:linear-gradient(135deg,#6151aa25,#19172b);border-color:#ac90ff30}.portal-stat:nth-child(3){background:linear-gradient(135deg,#b55c8425,#1c1624);border-color:#d58bb330}.portal-stat strong{font-size:33px;line-height:1.2;color:#b3edfc;display:block;font-weight:600}.portal-stat:nth-child(2) strong{color:#d3b9ff}.portal-stat:nth-child(3) strong{color:#f5b9d1}.portal-stat span{display:block;font-size:11px;color:#aabbcf;margin-top:10px}.portal-shortcuts{display:grid;gap:14px}.portal-shortcuts>a{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;column-gap:15px;padding:23px;transition:border-color .25s,background .25s,transform .25s}.portal-shortcuts>a>span{grid-row:1/3;color:#88e5f5;font-size:27px}.portal-shortcuts h3{margin:0;font-size:16px;color:#eaf2ff}.portal-shortcuts p{grid-column:2;margin:5px 0 0;font-size:12px;color:#99b0cb}.portal-shortcuts b{grid-column:3;grid-row:1/3;font-weight:400;color:#b7a5f5}.portal-shortcuts>a:hover{border-color:#88d7eb77;background:linear-gradient(120deg,#33d2e211,#8f54fc12);transform:translateX(4px)}#status:not(:empty){padding:15px 20px;margin-bottom:20px;border:1px solid #ffffff20;border-radius:12px}.account-identity,.portal-view .message p,.portal-view .record{overflow-wrap:anywhere}.a11y-contrast .portal-nav a[aria-current=page]{background:#fff;color:#000}.a11y-contrast .portal-nav a[aria-current=page]>span{color:#000}.a11y-motion .portal-nav a,.a11y-motion .portal-shortcuts a{transition:none;transform:none}
@media(max-width:1000px){.portal-shell{padding:25px 22px 70px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:24px}.portal-sidebar{padding-inline:12px}.portal-nav a{font-size:12px;padding-inline:10px}.portal-stats{gap:9px}.portal-stat{padding:16px}.portal-top h2{font-size:25px}}
@media(max-width:700px){.workspace{grid-template-columns:1fr;gap:24px}.portal-sidebar{position:static;padding:18px}.sidebar-title{padding:0 0 16px}.sidebar-caption,.sidebar-foot{display:none}.portal-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.portal-nav a{padding:9px 12px;font-size:11px;background:#ffffff04;border-color:#ffffff0f;gap:7px}.portal-nav a>span:first-child{font-size:16px;width:16px}.portal-nav .nav-arrow{display:none}.portal-nav a:hover{transform:none}.portal-top{align-items:flex-start}.portal-top h2{font-size:24px}.portal-view>h2{font-size:30px}.view-card,.portal-view>article{padding:23px}.portal-stat{padding:16px 12px}.portal-stat strong{font-size:27px}.portal-stat span{font-size:10px}.customer-context{padding:17px}.portal-shortcuts>a{padding:19px;column-gap:10px}.portal-shortcuts p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.portal-nav a,.portal-shortcuts>a,.nav-arrow{transition:none!important;transform:none!important}}

.app-actions{display:flex;gap:10px;flex-wrap:wrap}.app-actions button{font-size:12px;padding:10px 14px}.app-install-hint,.app-offline{max-width:1180px;margin:15px auto;padding:18px 25px;border:1px solid #87d5ed55;border-radius:12px;background:#132338;color:#c6d9ef;font-size:13px}.app-offline{border-color:#d3a46a;color:#f4ce9c}[hidden]{display:none!important}@media(display-mode:standalone){body>header{padding-top:max(20px,env(safe-area-inset-top))}}