.professional-sidebar{display:none}.professional-sidebar.hidden{display:none!important}.professional-drawer.hidden{display:none!important}.assessment-card-action{margin-top:10px}.assessment-card-action .btn{width:100%}
@media(min-width:901px){body.professional-nav-ready.professional-authenticated #app{margin-right:252px;transition:margin-right .2s ease}body.professional-nav-ready.professional-authenticated.professional-sidebar-collapsed #app{margin-right:86px}body.professional-nav-ready .pro-nav{display:none!important}body.professional-nav-ready #nav{display:none!important}.professional-sidebar{position:fixed;right:0;top:0;bottom:0;width:252px;z-index:60;display:none;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(180deg,#0b5d4b,#147a62 58%,#0d614f);color:#fff;padding:18px 14px 14px;box-shadow:-12px 0 32px rgba(14,70,55,.18);overflow:hidden;transition:width .2s ease,padding .2s ease}.professional-sidebar:not(.hidden){display:grid}.professional-sidebar.collapsed{width:86px;padding-inline:10px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:6px 4px 18px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:12px;position:relative;min-width:0}.sidebar-brand img{width:52px;height:52px;border-radius:50%;background:#fff;padding:3px;box-shadow:0 8px 18px rgba(0,0,0,.18);flex:0 0 auto;object-fit:contain}.sidebar-brand-text{min-width:0;overflow:hidden}.sidebar-brand b{display:block;font-size:14px;line-height:1.35;white-space:normal}.sidebar-brand small{display:block;color:rgba(255,255,255,.75);margin-top:3px;white-space:nowrap}.sidebar-collapse{position:absolute;left:-2px;bottom:-17px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0d6652;color:#fff;display:grid;place-items:center;cursor:pointer;font:700 18px/1 sans-serif;box-shadow:0 6px 16px rgba(0,0,0,.18);z-index:2}.professional-sidebar.collapsed .sidebar-brand{justify-content:center;padding-inline:0}.professional-sidebar.collapsed .sidebar-brand img{width:46px;height:46px}.professional-sidebar.collapsed .sidebar-brand-text{display:none}.professional-sidebar.collapsed .sidebar-collapse{left:50%;transform:translateX(-50%)}.professional-sidebar nav{display:grid;align-content:start;gap:7px;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 1px 8px;scrollbar-width:none;-ms-overflow-style:none}.professional-sidebar nav::-webkit-scrollbar{width:0;height:0}.professional-sidebar nav button,.sidebar-account{position:relative;border:1px solid transparent;background:transparent;color:#fff;border-radius:16px;padding:9px 11px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;text-align:right;gap:9px;cursor:pointer;font:inherit;transition:.18s;min-height:52px;width:100%;min-width:0}.professional-sidebar nav button b,.sidebar-account b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.professional-sidebar nav button span,.sidebar-account span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-size:20px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.16));flex:0 0 auto}.professional-sidebar nav button:hover,.professional-sidebar nav button.active,.sidebar-account:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.16);transform:translateX(-2px)}.professional-sidebar nav button.active span{background:#fff6dd}.sidebar-account{margin-top:10px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08)}.professional-sidebar.collapsed nav button,.professional-sidebar.collapsed .sidebar-account{grid-template-columns:1fr;padding:8px;justify-items:center;text-align:center}.professional-sidebar.collapsed nav button b,.professional-sidebar.collapsed .sidebar-account b{display:none}.professional-sidebar.collapsed nav button:hover::after,.professional-sidebar.collapsed nav button:focus-visible::after,.professional-sidebar.collapsed .sidebar-account:hover::after,.professional-sidebar.collapsed .sidebar-account:focus-visible::after{content:attr(data-label);position:absolute;right:64px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#17362f;color:#fff;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:200;pointer-events:none}.professional-sidebar.collapsed nav button:hover::before,.professional-sidebar.collapsed nav button:focus-visible::before,.professional-sidebar.collapsed .sidebar-account:hover::before,.professional-sidebar.collapsed .sidebar-account:focus-visible::before{content:"";position:absolute;right:57px;top:50%;transform:translateY(-50%);border:7px solid transparent;border-left-color:#17362f;z-index:201}body.professional-nav-ready .topbar{margin-right:0}}
@media(max-width:900px){.professional-sidebar{display:none!important}.professional-drawer{position:fixed;inset:0;z-index:120;display:block}.drawer-scrim{position:absolute;inset:0;border:0;background:rgba(9,44,37,.44);backdrop-filter:blur(2px)}.professional-drawer>aside{position:absolute;right:0;top:0;bottom:0;width:min(86vw,360px);background:linear-gradient(180deg,#0c604e,#147a62);color:#fff;padding:16px;box-shadow:-14px 0 34px rgba(0,0,0,.25);overflow:auto;scrollbar-width:none}.professional-drawer>aside::-webkit-scrollbar{width:0;height:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 14px;border-bottom:1px solid rgba(255,255,255,.15);font-size:20px}.drawer-head button{border:0;background:rgba(255,255,255,.13);color:#fff;width:38px;height:38px;border-radius:12px;font-size:28px}.professional-drawer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.drawer-route{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#fff;border-radius:18px;min-height:86px;display:grid;place-items:center;gap:5px;padding:10px}.drawer-route span{font-size:28px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.16))}.drawer-route b{font-size:13px}.drawer-route.active{background:#fff;color:#0c5f4d}.drawer-actions{display:grid;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}.drawer-actions button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff;border-radius:15px;padding:13px;font-weight:800;text-align:right}.assessment-card-action .btn{min-height:44px}}
