:root{--sidebar-width:252px;--shell-border:#e6e8ec;--shell-muted:#737b88;--shell-active:#1e293b}
.sidebar{width:var(--sidebar-width);background:#fff;border-right:1px solid var(--shell-border);transition:width .2s,transform .2s}.workspace{margin-left:var(--sidebar-width);transition:margin-left .2s;background:#f7f8fa}.sidebar-brand{min-height:86px;height:86px;flex-shrink:0;padding:0 18px;justify-content:space-between;gap:12px;border-color:var(--shell-border)}.sidebar-brand .brand-button{justify-content:flex-start;align-items:center;min-width:0;gap:11px;text-decoration:none;color:inherit}.brand-button strong{font-size:12px;letter-spacing:.17em}.brand-mark.small{width:35px;height:35px;flex-shrink:0;border-radius:11px;background:#202c40}.sidebar-toggle{display:grid;place-items:center;flex-shrink:0;width:30px;height:32px;min-width:30px;margin:0;padding:0;background:transparent;border:0;color:#7b8493;border-radius:8px;cursor:pointer;order:2}.sidebar-toggle:hover{background:#f0f2f5;color:#202c40}.sidebar-toggle svg{width:19px;height:19px}.sidebar-close{position:absolute;right:10px;top:25px}.sidebar-nav{flex:1;min-height:0;padding:12px 14px;overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:12px}.nav-label{font-size:9px;color:#929aa6;line-height:1.5;padding:12px 12px 5px}.nav-item{position:relative;min-height:46px;font-size:12px;line-height:1.4;padding:12px 14px;border-radius:12px;gap:11px;color:#687181;text-decoration:none;margin:3px 0;transition:background .15s,color .15s;box-shadow:none}.nav-item:hover{background:#f4f5f8;color:#202c40}.nav-item.is-active{background:var(--shell-active);color:#fff;box-shadow:0 4px 10px #1e293b12;font-weight:650}.nav-symbol{display:none;width:20px;height:20px;flex-shrink:0}.nav-symbol svg{display:block;width:20px;height:20px}.nav-text{min-width:0}.status-dot{display:none}.sidebar-profile{border-color:var(--shell-border);padding:14px}.profile-card{border-radius:12px;padding:8px;grid-template-columns:36px 1fr 12px;gap:10px}.profile-card:hover{background:#f4f5f8}.profile-copy strong{font-size:12px}.profile-copy span{font-size:10px;margin-top:4px}.avatar{width:36px;height:36px;background:#eceff5;border:0;color:#394b65;font-size:12px;border-radius:50%;object-fit:cover}.profile-photo{width:36px;height:36px;border-radius:50%;object-fit:cover}.profile-trailing{color:#a1a7b1}.topbar{height:74px;background:#ffffffeb;border-color:var(--shell-border);padding:0 32px}.breadcrumbs{font-size:12px}.breadcrumbs strong{color:#555f70}.content-area{max-width:1280px;padding:38px 38px 72px}.page-head h1,.workspace-intro h1{font-size:34px;line-height:1.15;letter-spacing:-.035em}.page-head p,.workspace-intro p{font-size:13px;line-height:1.65}.page-kicker{display:none}.page-head{margin-bottom:28px}.overview-card,.content-card,.workspace-section,.settings-card{border-color:var(--shell-border);border-radius:16px}.overview-card .overview-links button{color:#536278}.primary-button{background:#202c40;border-color:#202c40}.primary-button:hover{background:#111b2c}.app-card{text-decoration:none;color:inherit;border-color:var(--shell-border);border-radius:13px}.app-card:hover{border-color:#b1bac9;background:#f6f7fa}.app-card.current-app{border-color:#b1bac9;background:#f0f3f8}.app-card>span{background:#eef1f6;color:#394b65}.app-card strong{line-height:1.4}.apps-button:disabled{opacity:.35;cursor:not-allowed}.page-actions .edit-link{position:static;font-size:11px;padding:10px 12px}.sidebar-compact{--sidebar-width:84px}.sidebar-compact .sidebar-brand{height:126px;min-height:126px;flex-direction:column;justify-content:center;gap:15px;padding:16px 10px}.sidebar-compact .sidebar-toggle{order:-1}.sidebar-compact .brand-button strong,.sidebar-compact .nav-text,.sidebar-compact .nav-label,.sidebar-compact .profile-copy,.sidebar-compact .profile-trailing{display:none}.sidebar-compact .sidebar-nav{padding:10px 12px}.sidebar-compact .nav-item{justify-content:center;padding:12px;min-height:46px}.sidebar-compact .nav-symbol{display:block}.sidebar-compact .sidebar-profile{padding:12px}.sidebar-compact .profile-card{display:flex;justify-content:center;padding:7px 0}.sidebar-compact .nav-section{margin-bottom:16px}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid #657ea2;outline-offset:3px}.brand-section{margin-bottom:20px;scroll-margin-top:95px}.brand-section h2{margin-bottom:16px}.brand-section>.section-title-row{margin-bottom:4px}.brand-section .edit-link{position:static}.brand-section .module-zone{margin-top:24px;padding-top:20px;border-top:1px solid var(--shell-border)}.library-columns{display:grid;gap:28px}.library-section h2{font-size:21px;margin:0 0 18px}.library-section .section-grid{margin-top:12px}.login-app-name{font-size:24px;text-align:center;margin:0 0 16px;letter-spacing:-.02em}.login-app-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 12px}.login-panel .auth-title{color:#202c40}
@media(max-width:1050px){.workspace,.sidebar-compact .workspace{margin-left:0}.sidebar,.sidebar-compact .sidebar{width:252px}.sidebar-brand,.sidebar-compact .sidebar-brand{height:86px;min-height:86px;flex-direction:row;padding:0 18px;justify-content:flex-start;gap:12px}.sidebar-toggle{display:none}.sidebar-compact .brand-button strong,.sidebar-compact .nav-text,.sidebar-compact .profile-copy,.sidebar-compact .profile-trailing{display:block}.sidebar-compact .nav-label{display:block}.sidebar-compact .nav-symbol{display:none}.sidebar-compact .nav-item{justify-content:flex-start;padding:12px 14px}.sidebar-compact .profile-card{display:grid;grid-template-columns:36px 1fr 12px;padding:8px}.content-area{padding:30px 24px 64px}}
@media(max-width:600px){.content-area{padding:26px 18px 56px}.topbar{padding:0 18px}.page-head h1,.workspace-intro h1{font-size:30px}.save-state{display:none}}
@media(prefers-reduced-motion:reduce){.sidebar,.workspace,.nav-item,.apps-drawer,.overlay{transition:none}}
.account-dialog{border:1px solid var(--shell-border);border-radius:20px;padding:34px;width:min(360px,calc(100vw - 36px));text-align:center;color:var(--ink);box-shadow:0 20px 60px #1e293b20}.account-dialog::backdrop{background:#17203344}.account-close{position:absolute;right:12px;top:12px}.account-photo{width:64px;height:64px;border-radius:50%;margin-bottom:10px}.account-dialog h2{font-size:21px;margin:10px 0}.account-dialog p{font-size:12px;color:var(--muted);margin:0 0 24px}.account-dialog .primary-button{width:100%}.section-add{margin-top:20px}.section-add .secondary-button{min-height:32px;font-size:10px;color:#7a8390;background:#fafbfd;border-style:dashed}
.apps-drawer{z-index:70}.modal{z-index:80}
.apps-drawer{right:12px;width:min(490px,calc(100vw - 24px));padding:16px}.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.apps-grid .app-card{align-items:center;justify-content:flex-start;text-align:center;min-width:0;min-height:126px;padding:14px 7px;gap:12px}.apps-grid .app-card strong{margin:0;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.apps-grid .app-card>span{flex-shrink:0}
@media(min-width:1051px){.sidebar-compact .sidebar-brand{height:86px;min-height:86px;gap:0}.sidebar-compact .sidebar-toggle{position:fixed;left:var(--sidebar-width);top:50%;transform:translateY(-50%);width:30px;height:56px;border:1px solid var(--shell-border);border-left:0;border-radius:0 12px 12px 0;background:#fff;box-shadow:4px 2px 10px #1e293b0c;z-index:1}.sidebar-compact .sidebar-toggle:hover{background:#f0f2f5}.sidebar-compact .sidebar-toggle svg{transform:rotate(180deg)}}

.metric{padding:23px;border-color:var(--shell-border);border-radius:17px}.metric span{font-size:12px;color:#697485}.metric strong{font-size:40px;line-height:1;letter-spacing:-.055em;font-weight:650;color:#202c40;margin-top:20px}.workspace-metrics{gap:16px}.workspace-form input,.workspace-form textarea,.workspace-form select{font-weight:400;border-color:#dce2eb;border-radius:10px;color:#465365}
