:root{--portal-blue:#0867e7;--portal-blue-dark:#0756bd;--portal-blue-soft:#eef6ff;--portal-navy:#0d2942;--portal-border:#dce6f1;scroll-behavior:smooth}
*{scrollbar-color:#b9c9da transparent;scrollbar-width:thin}
button,a,input,select,textarea,.ticket-row,.side-link,.profile-v2-section,.profile-v2-aside>section{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}
button:active{transform:translateY(1px)}
.sidebar{width:246px;background:linear-gradient(180deg,#0d2942 0%,#0a2237 100%);overflow:hidden;transition:width .24s cubic-bezier(.2,.8,.2,1);will-change:width}
.brand{height:58px;display:flex;align-items:center;white-space:nowrap;overflow:hidden}
.brand-full{display:block;transition:opacity .14s ease,transform .2s ease}
.brand-short{display:none;color:#fff;font-weight:800;letter-spacing:.04em}
.side-caption{white-space:nowrap;color:#86a7c3}
.sidebar nav{display:flex;flex-direction:column;gap:6px}
.side-link{min-height:46px;border-radius:10px;color:#d8e7f3;overflow:hidden;white-space:nowrap}
.side-link:hover{background:#143b5b;color:#fff}
.side-link.active{background:linear-gradient(135deg,#0b73e5,#075dc4);color:#fff;box-shadow:0 8px 22px rgba(0,95,205,.25)}
.side-link .nav-icon{flex:0 0 24px}
.side-link>span:last-child{display:block;max-width:170px;opacity:1;overflow:hidden;transition:max-width .2s ease,opacity .14s ease,margin .2s ease}
.collapse{display:flex!important;align-items:center;gap:11px;width:calc(100% - 24px);height:44px;margin:0 12px 12px;padding:0 13px;border:1px solid rgba(176,208,232,.16);border-radius:10px;color:#b7ccdc;background:rgba(255,255,255,.035);white-space:nowrap;overflow:hidden}
.collapse:hover{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(176,208,232,.28)}
.collapse-icon{display:grid;place-items:center;flex:0 0 18px}
.collapse-icon svg{width:18px;height:18px;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.collapse-label{opacity:1;max-width:150px;overflow:hidden;transition:max-width .2s ease,opacity .14s ease}
.side-collapsed .sidebar{width:72px}
.side-collapsed .brand{justify-content:center;padding:0}
.side-collapsed .brand-full{display:none}
.side-collapsed .brand-short{display:block}
.side-collapsed .side-caption{visibility:hidden;height:22px}
.side-collapsed .side-link{width:48px;margin-inline:auto;justify-content:center;padding-inline:0}
.side-collapsed .side-link>span:last-child{display:block;max-width:0;opacity:0;margin:0}
.side-collapsed .collapse{display:flex!important;width:44px;margin-inline:auto;padding:0;justify-content:center}
.side-collapsed .collapse-label{max-width:0;opacity:0}
.side-collapsed .collapse-icon svg{transform:rotate(180deg)}
.main{min-width:0;background:#f6f9fc}
.topbar{justify-content:flex-end;border-bottom-color:#e0e8f0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
.profile{margin-left:auto;border-radius:10px;padding:6px 9px}
.profile:hover{background:#f1f6fb}
.profile-menu{animation:portal-pop .16s ease-out;transform-origin:top right}
.content>div:first-child{animation:portal-page .2s ease-out}
.page-head .primary,.modal-actions .primary,.reply-form button,.profile-v2-head>button,.save-company,.profile-v2-note button{background:linear-gradient(135deg,var(--portal-blue),var(--portal-blue-dark))!important;border-color:var(--portal-blue)!important;color:#fff!important;box-shadow:0 7px 18px rgba(8,103,231,.16)}
.page-head .primary:hover,.modal-actions .primary:hover,.reply-form button:hover,.profile-v2-head>button:hover,.save-company:hover,.profile-v2-note button:hover{box-shadow:0 9px 24px rgba(8,103,231,.24);transform:translateY(-1px)}
.profile-v2-logo{background:var(--portal-blue-soft)!important;color:var(--portal-blue)!important;border-color:#cfe3fb!important}
.profile-v2-status{background:#edf6ff!important;color:#075fcf!important;border-color:#d1e6fd!important}
.profile-v2-status i{background:#1684ef!important}
.profile-v2-head>div:before,.company-edit-form legend:before{background:var(--portal-blue)!important}
.company-edit-form input:focus,.company-edit-form select:focus,.company-edit-form textarea:focus{border-color:#77b5f8!important;box-shadow:0 0 0 3px rgba(8,103,231,.1)!important}
.profile-v2-section:hover,.profile-v2-aside>section:hover{border-color:#ccdceb;box-shadow:0 6px 22px rgba(20,55,87,.055)}
.modal-backdrop{animation:portal-fade .16s ease-out;background:rgba(10,32,52,.48);backdrop-filter:blur(5px)}
.new-modal{animation:portal-modal .2s cubic-bezier(.2,.8,.2,1)}
.ticket-row:hover{background:#f4f9ff}
.ticket-row.active{background:#eaf4ff}
@keyframes portal-page{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes portal-pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@keyframes portal-fade{from{opacity:0}to{opacity:1}}
@keyframes portal-modal{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:900px){.collapse{display:flex!important}.sidebar{width:72px}.brand{justify-content:center;padding:0}.brand-full{display:none}.brand-short{display:block}.side-link{width:48px;margin-inline:auto;justify-content:center;padding-inline:0}.side-link>span:last-child{display:none}.collapse{width:44px;margin-inline:auto;padding:0;justify-content:center}.collapse-label{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}