:root{--teal:#087f85;--deep:#10383f;--mint:#eaf7f7;--bg:#edf3f6;--ink:#193641;--muted:#58717e;--line:#d8e5eb}body{font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(ellipse at 95% 0,#d7eded80,transparent 45%),var(--bg);line-height:1.7}button{border-radius:10px;transition:background .15s,box-shadow .15s;min-height:40px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3b9fae;outline-offset:3px}.primary{box-shadow:0 3px 10px #087f851c}.shell{grid-template-columns:232px minmax(0,1fr)}.shell>aside{background:#10333d;color:#d4e6eb;padding:26px 18px;border:0}.shell>aside .brand,.shell>aside #hospital-name{color:#fff}.shell>aside .side-label,.shell>aside .side-note,.shell>aside #hospital-suffix{color:#a9c8d2}.shell>aside nav button{color:#c4dbe2;background:transparent;border-color:transparent;border-radius:10px}.shell>aside nav button:hover,.shell>aside nav button.active{background:#21505c;color:#fff}.shell>aside .side-actions button{background:#163e49;color:#cce1e8;border-color:#315561}.shell>main{width:100%;max-width:1680px;margin:auto;padding:32px clamp(20px,3vw,52px);min-width:0}header{margin-bottom:26px}h1{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.035em;line-height:1.4}h2{letter-spacing:-.02em}.panel,.staff,.employee-card,.stat{border:1px solid var(--line);box-shadow:0 4px 18px #203e4205;border-radius:16px}.panel{padding:26px;margin-bottom:22px}.hero{background:#123e48;border:1px solid #315966;border-radius:18px;padding:30px}.hero h2{line-height:1.5}.cards,.employee-roster{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.stats{gap:16px}.stat strong{font-variant-numeric:tabular-nums}.employee-card{overflow:hidden}.employee-summary{width:100%;text-align:left}.employee-summary-head{gap:12px}.employee-summary-head>span{min-width:0}.employee-summary strong{overflow-wrap:anywhere}.employee-summary small{line-height:1.7}.badge{border-radius:6px}input,select,textarea{border-radius:9px;border:1px solid #c9dce4;background:#fbfdfe;padding:10px;max-width:100%}.actions{display:flex;flex-wrap:wrap;gap:9px}.actions button{white-space:normal}dialog{border:1px solid #cddfe6;border-radius:18px;box-shadow:0 24px 100px #092e3f40;max-height:88dvh;overflow:auto}dialog::backdrop{background:#0e293d66;backdrop-filter:blur(4px)}.callout{border-radius:10px;background:#edf7f8}.row{gap:16px}.row>span{min-width:0}.row>strong{white-space:nowrap}.tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%;scrollbar-width:thin}.tabs button{flex-shrink:0}table{font-variant-numeric:tabular-nums}.mobile-menu-toggle{align-items:center;gap:8px}.pet-controls button{min-height:32px}
@media(min-width:761px) and (max-width:1100px){.shell{grid-template-columns:196px minmax(0,1fr)}.shell>main{padding:24px 18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shell>aside{padding:22px 12px}}
@media(max-width:760px){.shell{display:block}.shell>main{padding:14px 14px 85px}.mobile-menu-toggle{display:flex;top:8px;width:100%;background:#103b46;color:#fff;border:1px solid #37616b;box-shadow:0 5px 16px #10333d18;z-index:1001}.shell>aside{top:0;padding:76px 18px 25px;width:min(300px,86vw);height:100dvh;z-index:1000;overscroll-behavior:contain}.mobile-menu-open .shell>aside .side-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;padding-bottom:16px}.mobile-menu-open .shell>aside .side-actions button{flex:1 1 44%;min-height:44px;white-space:normal}.mobile-menu-open:before{content:'';position:fixed;inset:0;background:#0d283b80;z-index:999}.mobile-menu-open{overflow:hidden}header{gap:14px;margin:20px 0}.month{width:100%;gap:10px}.month>button{width:100%;min-height:48px}.panel{padding:18px;margin-bottom:16px;border-radius:14px}.hero{padding:22px}.hero h2{font-size:25px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.stat{padding:14px;min-width:0}.stat strong{font-size:clamp(19px,5vw,27px);overflow-wrap:anywhere}.cards,.employee-roster{grid-template-columns:minmax(0,1fr)!important;gap:14px}.panel-head{flex-wrap:wrap;gap:10px}.panel-head h2{margin:0}.employee-summary{padding:18px}.employee-summary-head{padding-right:22px}.employee-status{font-size:12px}button{min-height:44px}input,select,textarea{font-size:16px}dialog{margin:auto;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;padding:18px;max-height:88dvh}.staff{padding:18px;min-width:0}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.actions>button{flex:1 1 auto}.hospital-desktop-pet{bottom:76px;right:12px;max-width:140px}.pet-action-menu>div{max-height:150px;overflow:auto}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr)!important}footer{flex-wrap:wrap}.guide-search{width:100%}}
@media(prefers-reduced-motion:reduce){button{transition:none}}