@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#18352d;font-synthesis:none;--green:#17634f;--deep:#123e34;--line:#d8ddd6;--muted:#728078;--paper:#fbfaf5;--red:#ad443c;--amber:#a16a21;background:#f4f2eb;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:232px 1fr;min-height:100vh;display:grid}aside{color:#ecf2ec;z-index:20;background:#173d34;flex-direction:column;width:232px;padding:24px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:2px 9px 28px;display:flex}.brand>span{border:1px solid #7ea394;border-radius:50%;place-items:center;width:36px;height:36px;font-family:serif;font-size:20px;display:grid}.brand div{flex-direction:column;display:flex}.brand b{letter-spacing:.1em;font-size:17px}.brand small,.aside-foot small{color:#a9bdb5;font-size:11px}.shell nav{gap:4px;display:grid}.shell nav button{color:#b9cbc4;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:11px 12px;display:flex}.shell nav button:hover,.shell nav button.active{color:#fff;background:#285449}.aside-foot{border-top:1px solid #355b51;gap:10px;margin-top:auto;padding:18px 10px 0;font-size:12px;line-height:1.7;display:flex}main{grid-column:2;min-width:0}header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfaf5f0;justify-content:space-between;align-items:center;height:64px;padding:0 34px;display:flex;position:sticky;top:0}header>div:first-of-type{align-items:baseline;gap:12px;display:flex}header span{color:var(--muted);font-size:12px}.account{color:#fff;background:var(--green);border-radius:50%;justify-content:center;align-items:center;gap:10px;width:28px;height:28px;font-size:11px;display:flex}.account span{color:#475b54;white-space:nowrap;position:absolute;right:72px}.menu{color:var(--deep);background:0 0;border:0;display:none}.page{max-width:1440px;margin:auto;padding:34px}.enter{animation:.28s ease-out both enter}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-title{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.page-title h1{letter-spacing:.03em;margin:0 0 6px;font-family:serif;font-size:26px}.page-title p,.section-head p{color:var(--muted);margin:0;font-size:13px}.primary,.small-primary{background:var(--green);color:#fff;border:0;border-radius:5px;align-items:center;gap:6px;padding:10px 15px;display:flex}.primary:hover,.small-primary:hover{background:var(--deep)}.metrics{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:34px;display:grid}.metrics>div{border-right:1px solid var(--line);flex-direction:column;padding:20px 24px;display:flex}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics small{color:var(--muted);font-size:12px}.metrics strong{margin:7px 0 3px;font-family:Georgia,serif;font-size:34px;font-weight:500}.metrics span{color:#86918a;font-size:11px}.metrics .attention strong{color:var(--red)}.overview-grid{grid-template-columns:1.7fr 1fr;gap:34px;margin-bottom:34px;display:grid}.section{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:22px}.section-head{justify-content:space-between;align-items:center;display:flex}.section h2{margin:0 0 4px;font-size:15px}.bars{align-items:flex-end;gap:16px;height:210px;padding-top:25px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bars span{background:#7da492;border-radius:2px 2px 0 0;width:56%;min-height:10px;transition:height .5s;display:block}.bars span:hover{background:var(--green)}.bars small{color:var(--muted)}.distribution{flex-direction:column;gap:22px;display:flex}.dist-row{grid-template-columns:10px 52px 1fr 25px;align-items:center;gap:9px;font-size:13px;display:grid}.dot{background:#7e9c8f;border-radius:50%;width:7px;height:7px}.dot.high{background:var(--red)}.dot.medium{background:#c28a40}.dist-row>div{background:#e2e5df;height:5px}.dist-row i{background:#6d9283;height:100%;display:block}.text-btn{color:var(--green);background:0 0;border:0;font-size:12px}.recent{padding-bottom:6px}.table-wrap{margin:14px -22px 0;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px;font-size:13px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:10px 18px;font-size:11px;font-weight:500}td{color:#3b514a;border-bottom:1px solid #e5e6e1;padding:13px 18px}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#f2f4ef}td small,td b,.appointment small,.appointment b{display:block}.badge{color:#3d6557;white-space:nowrap;background:#e5ede8;border-radius:99px;padding:3px 8px;font-size:11px;display:inline-flex}.badge.danger{color:var(--red);background:#f4e3e0}.badge.warning{color:var(--amber);background:#f2eadc}.toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.search{background:var(--paper);border:1px solid var(--line);border-radius:5px;align-items:center;gap:9px;width:340px;padding:0 11px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;padding:9px}.tabs{gap:3px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:7px 12px}.tabs button.active{color:var(--deep);background:#dfe8e3}.empty{text-align:center;color:var(--muted);padding:50px}.scrim{z-index:30;background:#102d2670;position:fixed;inset:0}.inspector{background:var(--paper);z-index:31;width:min(500px,100%);color:var(--deep);padding:26px;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-18px 0 50px #0b251d1c}.inspector-head{justify-content:space-between;display:flex}.inspector h2{margin:12px 0 3px}.inspector p{font-size:13px;line-height:1.75}.inspector-head p{color:var(--muted);margin:0}.icon-btn{color:var(--muted);background:0 0;border:0;height:36px}.notice{border-left:3px solid var(--green);background:#e9efea;gap:10px;margin:22px 0;padding:12px;display:flex}.notice span{flex-direction:column;font-size:12px;display:flex}.notice small{color:var(--muted);margin-top:3px}.detail-block{border-bottom:1px solid var(--line);margin-bottom:17px;padding:2px 0 16px}.detail-block h3,.note{font-size:12px}.detail-block ul{padding-left:20px;font-size:13px;line-height:1.9}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row label,.note{color:#4b5f58;flex-direction:column;gap:7px;display:flex}select,textarea{border:1px solid var(--line);color:var(--deep);background:#fff;border-radius:5px;outline:none;padding:9px}textarea{resize:vertical;min-height:105px}.note{margin-top:18px}.inspector-actions{justify-content:flex-end;margin-top:18px;display:flex}.appointment-list{display:grid}.appointment{border-bottom:1px solid var(--line);grid-template-columns:1.5fr 1.2fr 1fr .7fr 1fr;align-items:center;gap:18px;padding:17px 0;font-size:13px;display:grid}.appointment:last-child{border:0}.appointment>div{min-width:0}.appointment small{color:var(--muted);margin-top:3px;font-size:11px}.date{align-items:center;gap:11px;display:flex}.row-actions{justify-content:flex-end;display:flex}.small,.small-primary{padding:7px 10px;font-size:12px}.small{border:1px solid var(--line);color:var(--deep);background:#fff;border-radius:4px}@media (width<=900px){.shell{display:block}.shell>aside{transition:transform .2s;transform:translate(-100%)}.shell>aside.open{transform:none}main{width:100%}.menu{display:block}header{justify-content:flex-start;gap:15px;padding:0 18px}.account{margin-left:auto}.account span{display:none}.page{padding:24px 18px}.metrics{grid-template-columns:1fr 1fr}.metrics>div{border-bottom:1px solid var(--line);padding:16px}.metrics>div:first-child{padding-left:16px}.overview-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.search{width:100%}.tabs{overflow:auto}.appointment{grid-template-columns:1.5fr 1fr .8fr}.appointment>div:nth-child(3){display:none}.row-actions{grid-column:3}.page-title .primary{display:none}}@media (width<=550px){.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:27px}.overview-grid{gap:18px}.section{padding:16px}.table-wrap{margin-inline:-16px}.bars{height:170px}.page-title h1{font-size:22px}.appointment{grid-template-columns:1fr auto}.appointment>div:nth-child(2){grid-column:1}.appointment>.badge{grid-area:1/2}.row-actions{grid-area:2/2}.form-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}