.demo{font-size:12px;height:32px;background:#123b44;color:#d8eef0}.demo a{color:white}.design-comparison{padding:9px 28px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e5f2f3;font-size:12px}.design-comparison>div{display:flex;gap:4px;align-items:center}.design-comparison button{border:0;background:transparent;padding:7px 12px;border-radius:7px;font-size:12px}.design-comparison button[aria-pressed=true]{background:white;box-shadow:0 2px 6px #123b4410;font-weight:600}.design-comparison a{margin-left:12px}.suite-bar{background:white;min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid #c9e3e6;gap:20px}.suite-brand{display:flex;align-items:center;gap:17px;background:none;border:0;padding:0}.suite-brand img{width:128px;height:auto}.brand-divider{height:25px;width:1px;background:#d9e7e8}.suite-brand strong{font:600 23px Sora;letter-spacing:-1px}.suite-brand strong span{color:#0fa3b4}.product-chevron{color:#6d858b;font-size:18px}.suite-account{display:flex;align-items:center;gap:10px;padding:6px;background:#eff7f8;border-radius:40px}.role-label{font-size:13px;padding:0 12px;color:#56777f}.pharmacy-picker,.profile-button,.notification-button{background:white;border:1px solid #d6e9eb;border-radius:30px;padding:9px 15px;min-height:42px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.pharmacy-picker span{color:#739399}.profile-button{padding:5px 14px 5px 5px}.profile-button .avatar{border-radius:50%;background:#bfe6ea}.notification-button{position:relative;padding:10px}.notification-button svg{width:20px;height:20px}.notification-button i{position:absolute;top:-5px;right:-3px;background:#ad573c;border:2px solid white;color:white;border-radius:50%;min-width:20px;font:500 11px Grotesk;line-height:17px;text-align:center}.layout{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 170px)}.rail{position:sticky;top:0;height:100vh;background:white;color:#123b44;border-right:1px solid #dfebec;padding:28px 15px;display:flex;flex-direction:column;align-self:start}.rail-label{color:#72888b;font:400 10px Mono;letter-spacing:.1em;padding:8px 13px 18px}.rail nav{display:grid;gap:7px}.rail button{font-size:14px;color:#416269;border-radius:12px;padding:13px;gap:12px;min-height:47px}.rail button:hover{background:#f1f8f8}.rail button.active{background:#123b44;color:white;box-shadow:0 4px 10px #123b4414}.rail button.active svg{color:#5bd0d6}.rail button i{background:#e4f2f3;color:#245b65;font-size:11px;border-radius:20px;padding:2px 6px}.rail-bottom{margin-top:auto;padding-top:40px}.rail-bottom button{font-size:13px}.rail-signature{margin:25px 13px 0;border-top:1px solid #e1ecec;padding-top:21px}.rail-signature span{font:600 15px Sora;letter-spacing:1px}.rail-signature small{display:block;color:#6c878d;font-size:11px;margin-top:6px}.main{padding:30px;max-width:1600px}.welcome{background:#0d7885;position:relative;overflow:hidden;color:white;border-radius:26px;padding:30px 36px;display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:21px;background-image:linear-gradient(115deg,#137484,#0d7885 55%,#1494a0)}.welcome:after{content:'';position:absolute;right:20%;top:-80px;width:300px;height:300px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.welcome-kicker{font:400 10px Mono;letter-spacing:.08em;color:#c4e8eb}.welcome h1{font-size:30px;line-height:1.35;margin:13px 0 9px;letter-spacing:-1px}.welcome h1 span{font-weight:400}.welcome p{font-size:15px;color:#d7eff1;margin:0 0 19px}.welcome .btn{background:white;color:#125761;border-color:white;border-radius:30px;font-size:14px;padding:11px 18px}.welcome-link{background:none;border:0;color:white;font-size:14px;padding:10px}.pharmacy-seal{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffffed;color:#1a5660;border-radius:22px;width:200px;min-height:162px;padding:19px;flex:none}.seal-cross{font:400 43px Sora;line-height:1;border:1px solid #bddde1;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;margin-bottom:12px;color:#148897}.pharmacy-seal strong{font:500 13px Sora;line-height:1.5;overflow-wrap:anywhere}.pharmacy-seal>span:last-child{font-size:11px;color:#6b888d;margin-top:6px}.opening-strip{display:flex;align-items:center;gap:26px;background:white;border:1px solid #e0edee;border-radius:20px;padding:19px 24px;margin-bottom:21px}.opening-label{display:flex;gap:13px;align-items:center;flex:none}.opening-label svg{width:24px;height:24px;color:#0c8b98}.opening-label span{display:block;color:#5e7b81;font-size:12px;margin-bottom:4px}.opening-label strong{font:500 20px Sora}.opening-label em{font-style:normal;color:#7fa8ad;font-weight:400}.opening-track{flex:1}.opening-track div{height:6px;border-radius:10px;background:linear-gradient(90deg,#bfe6ea,#0fa3b4)}.opening-track span{display:block;font-size:11px;color:#749096;margin-top:8px}.home-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.overview-card{display:flex;align-items:center;gap:17px;padding:22px;background:white;border:1px solid #deebed;border-radius:20px;text-align:left}.overview-card:hover{border-color:#69bbc3;transform:translateY(-2px);box-shadow:0 6px 20px #123b4408}.overview-icon{width:44px;height:44px;display:grid;place-items:center;background:#e6f5f5;border-radius:14px;flex:none;color:#0b818f}.overview-icon svg{width:23px;height:23px}.overview-icon.amber{background:#fbf2e4;color:#997346}.overview-card small{display:block;color:#607c82;font-size:12px}.overview-card strong{display:block;font:500 19px Sora;margin:7px 0}.overview-card em{display:block;font-size:11px;color:#5e838a;font-style:normal;line-height:1.5}.home-work{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.panel{border-radius:20px;border-color:#dfebec;box-shadow:0 3px 10px #123b4403}.panel-head h2{font-size:16px}.panel-head p{font-size:12px}.section-kicker{display:block;font:400 10px Mono;color:#668b91;margin-bottom:7px;letter-spacing:.08em}.agenda .task-row{padding:20px 23px}.agenda h3{font:500 14px Sora;margin:12px 0 7px;letter-spacing:-.3px}.agenda p{font-size:13px}.agenda .text-btn{font-size:13px}.config-shortcut{display:flex;gap:14px;padding:22px;border-radius:19px;text-align:left;border:1px solid #cde4e7;background:#e6f3f4}.config-shortcut svg{width:23px;height:23px;flex:none;color:#16818e}.config-shortcut strong{font-size:14px;font-weight:500;line-height:1.6}.config-shortcut small{display:block;margin-top:10px;font-size:12px;color:#507a83}.schedule th{font-size:12px}.person-name{font-size:13px}.person-role{font-size:11px}.shift,.shift b{font-size:11px}.shift{border-radius:8px}.tag{font-size:11px;border-radius:20px;padding:5px 9px}.btn{border-radius:24px;font-size:14px}.text-btn{font-size:14px}.section-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.section-nav button{padding:10px 17px;border:1px solid #dce9eb;border-radius:25px;font-size:14px;background:white}.section-nav button.active{background:#d8edef;color:#1c606b;border-color:#bedde1;font-weight:600}.horizontal-nav{display:none}.opfito-launch{position:fixed;bottom:20px;right:23px;display:flex;align-items:center;gap:9px;background:#123b44;color:white;border:2px solid white;border-radius:30px;padding:13px 19px;font:500 12px Sora;box-shadow:0 6px 25px #123b4425;z-index:30}.opfito-launch svg{width:19px;height:19px;color:#5bd0d6}.main{padding-bottom:85px}dialog{border-radius:25px;padding:30px}.account-preview{display:flex;align-items:center;gap:17px}.account-preview .avatar{width:60px;height:60px;border-radius:50%;font-size:19px}.account-preview p{margin:5px 0}.product-grid{display:grid;gap:12px}.product-grid>div{border:1px solid #d7e8ea;border-radius:14px;padding:17px;display:grid;gap:7px}.product-grid b{font:600 21px Sora}.product-grid span{font-size:14px}.product-grid small{font-size:12px;color:#62858b}.opfito-greeting{background:#eaf6f6;padding:20px;border-radius:14px;line-height:1.6}.topic-list{display:flex;flex-wrap:wrap;gap:8px}.topic-list button{background:white;border:1px solid #99cbd1;border-radius:25px;padding:9px 13px;font-size:14px}
body[data-navigation=horizontal] .layout{display:block}body[data-navigation=horizontal] .rail{display:none}body[data-navigation=horizontal] .horizontal-nav{display:flex;align-items:center;gap:7px;padding:12px 30px;background:white;border-bottom:1px solid #dbeaec;flex-wrap:wrap}body[data-navigation=horizontal] .horizontal-nav button{display:flex;align-items:center;gap:9px;border:0;border-radius:25px;background:transparent;padding:12px 20px;font-size:14px}body[data-navigation=horizontal] .horizontal-nav button.active{background:#dceff1;color:#21616c;font-weight:600}body[data-navigation=horizontal] .horizontal-nav svg{height:18px;width:18px}body[data-navigation=horizontal] .horizontal-nav i{font:400 11px Mono;background:#123b44;color:white;border-radius:20px;padding:3px 6px}body[data-navigation=horizontal] .main{max-width:1550px;padding-left:40px;padding-right:40px}
@media(max-width:1350px){.home-work{grid-template-columns:minmax(0,1fr)}.home-work>.right-stack{grid-template-columns:1.5fr 1fr}.home-overview{gap:12px}.overview-card{padding:18px;gap:12px}.overview-card strong{font-size:17px}.suite-brand img{width:110px}.suite-account{gap:6px}.main{padding:25px}.role-label{display:none}}
@media(max-width:1000px){.layout{grid-template-columns:195px minmax(0,1fr)}.rail{padding:24px 10px}.rail button{font-size:13px}.suite-bar{padding:16px 22px}.suite-brand{gap:11px}.suite-brand strong{font-size:20px}.pharmacy-picker{max-width:230px;font-size:12px}.welcome{padding:26px}.welcome h1{font-size:26px}.pharmacy-seal{width:155px;min-height:155px}.home-overview{grid-template-columns:1fr}.overview-card{padding:15px 19px}.overview-card>span:last-child{display:grid;grid-template-columns:1fr 1fr;gap:3px 15px;flex:1}.overview-card strong{grid-column:2;grid-row:1/3;align-self:center;margin:0;text-align:right}.opening-strip{gap:16px}.opening-strip>.tag{display:none}.home-work>.right-stack{grid-template-columns:1fr 1fr}.suite-brand img{width:95px}.profile-button>span:last-child{display:none}.profile-button{padding:4px}}
@media(max-width:720px){.layout{display:block}.rail{display:none}.suite-bar{padding:15px;gap:10px}.suite-brand img{width:84px}.suite-brand strong{font-size:18px}.brand-divider,.product-chevron,.pharmacy-picker{display:none}.suite-account{padding:3px}.profile-button .avatar{height:31px;width:31px}.notification-button{min-height:35px;padding:7px}.design-comparison{padding:8px 14px;align-items:flex-start;flex-direction:column;gap:6px}.design-comparison>span{font-size:11px}.design-comparison a{font-size:11px;margin-left:8px}.design-comparison button{padding:7px 9px}.mobile-nav{display:block}.main,body[data-navigation=horizontal] .main{padding:20px 16px 85px}.welcome{padding:24px;gap:18px}.welcome h1{font-size:25px}.welcome-kicker{font-size:9px;line-height:1.7;display:block}.welcome p{font-size:14px}.pharmacy-seal{display:none}.opening-strip{padding:17px}.opening-label strong{font-size:17px}.opening-track span{font-size:10px}.home-work>.right-stack{grid-template-columns:1fr}.home-overview{gap:10px}.home-overview em{font-size:11px}.overview-card strong{font-size:16px}.section-nav{gap:6px}.section-nav button{font-size:12px;padding:9px 12px}body[data-navigation=horizontal] .horizontal-nav{display:none}.opfito-launch{padding:12px;right:15px;bottom:15px}.opfito-launch span{display:none}}