:root{--ink:#071a3a;--mist:#f5f9ff;--signal:#0057ff;--deep:#0043c7;--line:#e5ecf6;--muted:#566981;--accent-soft:#eaf2ff;--bg:#f5f9ff;--bg-2:#edf4ff;--font:Manrope,system-ui,sans-serif;--display:Inter,Manrope,sans-serif;--shadow:0 6px 24px #071a3a05;--focus:0 0 0 3px #0057ff55}
body{background:#f5f9ff}.brand-logo{width:176px;height:auto;display:block}.sidebar .brand{padding:14px 8px 23px}.sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:12px;overflow-y:auto}.project-switch{background:#f5f9ff;border:1px solid var(--line);padding:12px}.project-switch label,.side-footer .meta,.nav-group-label{color:var(--muted)}.project-switch select{background:#fff;color:var(--ink);border:1px solid var(--line);min-height:40px}.side-nav button{color:#435777;min-height:44px;padding:12px}.side-nav button:hover{background:#edf4ff;color:#0057ff}.side-nav button.active{background:#0057ff;color:white;box-shadow:0 4px 12px #0057ff20}.side-nav button.active:before{display:none}.nav-group-label{letter-spacing:0;text-transform:none}.side-footer{border-top:1px solid var(--line);padding-top:16px}.side-footer .btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.side-footer .btn-ghost:hover{background:#f5f9ff}.content{padding:28px;min-width:0}.page-head h1{font-size:28px;font-weight:700}.page-head{margin-bottom:24px}.btn{border-radius:10px;min-height:44px}.btn-solid{background:#0057ff;box-shadow:none}.btn-solid:hover{background:#0043c7}.surface{border-radius:16px;padding:24px}.profile{background:#fff}.cc{border-radius:16px;box-shadow:var(--shadow)}.cc-sidebar{background:#fff}.cc-tab{min-height:48px}.cc-item{padding:16px 12px;border-radius:10px}.cc-item.active{background:#eaf2ff;box-shadow:inset 3px 0 #0057ff}.cc-ch{color:#0057ff;background:#edf4ff}.cc-msgs{background:#f5f9ff}.bubble.out{background:#dff4ff;color:#071a3a}.cc-panel{background:white}.badge.ok{background:#d9fff1;color:#006144}.login-wrap{min-height:100dvh;background:radial-gradient(ellipse at 15% 15%,#d9f6ff,transparent 55%),radial-gradient(ellipse at 90% 90%,#dffff2,transparent 50%),#f5f9ff}.login-card{border:1px solid #e5ecf6;border-radius:24px;box-shadow:0 20px 80px #071a3a0c;padding:40px;max-width:480px}.login-card .brand{margin-bottom:28px}.login-card h1{font-size:28px}.login-card .brand-logo{width:200px}input,textarea,select{accent-color:#0057ff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0057ff;outline-offset:3px}.code{background:#071a3a!important;color:#eff7ff!important}.profile,.surface,.field,.cc-panel{min-width:0}.page-head p{line-height:1.6}
@media(min-width:961px){.cabinet{grid-template-columns:232px minmax(0,1fr)}}
@media(max-width:960px){.sidebar{height:auto;position:relative;overflow:visible}.sidebar .brand{padding:8px}.side-nav button{white-space:nowrap}.content{padding:20px}.side-footer{border:0}.sidebar .brand-logo{width:152px}}
@media(max-width:640px){.content{padding:16px 10px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:24px}.surface{padding:16px}.login-card{padding:24px;max-width:100%}.login-wrap{padding:16px}.grid-2{grid-template-columns:minmax(0,1fr)}.cc-head{flex-wrap:wrap}.cc-compose .inbox-compose{flex-wrap:wrap}.cc-compose textarea{flex-basis:100%;min-width:0}.brand-logo{max-width:100%}}
.mg-nav{border-color:var(--line)}.mg-nav button{color:var(--muted)}.mg-nav button.active{background:var(--accent-soft);color:var(--blue,#0057ff)}.mg-nav button:hover{background:#f5f9ff}.mg-check input{accent-color:#0057ff}
.cc-head-actions{max-height:none;overflow:visible}.cc-thread{grid-template-rows:auto minmax(160px,1fr) auto}.cc-panel{overflow-y:auto;max-height:78vh}.mobile-nav-toggle,.cc-back{display:none}[hidden]{display:none!important}.mail-card{flex-wrap:wrap}.mail-card strong{overflow-wrap:anywhere}
@media(max-width:640px){.sidebar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:12px}.sidebar .brand{padding:4px}.mobile-nav-toggle{display:inline-flex}.sidebar .project-switch,.sidebar .side-nav,.sidebar .side-footer{display:none}.sidebar.mobile-open .project-switch{display:grid;grid-column:1/-1}.sidebar.mobile-open .side-nav{display:flex;grid-column:1/-1;flex-wrap:wrap;overflow:visible}.sidebar.mobile-open .side-nav .nav-group{flex-wrap:wrap}.sidebar.mobile-open .side-footer{display:grid;grid-column:1/-1}.cc.has-dialog .cc-sidebar{display:none}.cc:not(.has-dialog) .cc-thread{display:none}.cc-back{display:inline-flex;align-self:flex-start}.cc-thread{min-height:70vh;max-height:none}.cc-compose .inbox-compose{display:grid;grid-template-columns:auto 1fr}.cc-compose .inbox-compose textarea{grid-column:1/-1;grid-row:1;width:100%;min-height:80px}.cc-compose .inbox-compose .btn-solid{justify-self:end}.cc-list{max-height:65vh}.cc-panel{max-height:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}