*{box-sizing:border-box}body{margin:0;background:#f3f6f7;color:#142e2c;font:16px/1.5 system-ui,sans-serif}header{height:94px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #dae3e2;background:#fff}.brand{font-size:26px;letter-spacing:-1px;font-weight:800;color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{background:#153e36;color:#d5fa85;border-radius:12px;padding:0 13px;font-size:34px}.tag{letter-spacing:2px;font-size:12px;border-left:1px solid #ccc;margin-left:12px;padding-left:18px;font-weight:500}main{max-width:1280px;margin:auto;padding:40px 5%}h1{font-size:44px;line-height:1.12;letter-spacing:-1.6px;margin:12px 0 24px}h2{font-size:24px;letter-spacing:-.6px;margin:10px 0 18px}p{color:#526a67}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#497262}.welcome{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;min-height:690px}.welcome h1{font-size:64px}.card,dialog{background:white;border:1px solid #dde5e3;border-radius:20px;padding:32px}.card{box-shadow:0 16px 50px #123b3510}label{display:block;font-size:14px;font-weight:650;margin:15px 0}input,select{display:block;width:100%;border:1px solid #bdcfcb;border-radius:8px;background:white;padding:12px;font:inherit;color:inherit;margin-top:6px}input:focus,select:focus,button:focus-visible{outline:3px solid #80b951;outline-offset:3px}button,.button{border:0;border-radius:8px;padding:12px 18px;background:#183f35;color:#fff;font:650 14px system-ui;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(1.15)}button:disabled{opacity:.5;cursor:wait}.card button{width:100%;margin:12px 0 22px}.secondary{background:#e9efed;color:#24453d}small{display:block;font-size:13px;color:#60716c}.sample{background:#173f35;color:#d5fa85;width:245px;border-radius:18px;padding:23px;transform:rotate(-5deg);margin:35px 0 0 28px;box-shadow:15px 16px 0 #d5fa85}.sample span{font-size:12px;letter-spacing:2px;display:block}.sample strong{font-size:29px;line-height:1.15;display:block;margin:15px 0 25px}.title,.toolbar,.dialogHeader{display:flex;justify-content:space-between;align-items:center;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{padding:24px;background:#fff;border-radius:14px;border:1px solid #dee7e3}.metric:first-child{background:#193f35;color:#d5fa85}.metric strong{font-size:36px;display:block}.metric span{font-size:14px}.hint{font-size:14px;padding:14px 0}.toolbar{flex-wrap:wrap;margin:28px 0 12px}.search{margin-left:auto}#batch{display:flex;gap:12px;align-items:end}#batch input{width:90px}#batch label{margin:0}.plates{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.plate{background:#fff;border:1px solid #d9e5df;border-radius:14px;padding:24px}.plate h3{font-size:21px;margin:18px 0 4px}.plate .top{display:flex;justify-content:space-between;font-size:14px}.badge{border-radius:20px;background:#e7efe9;padding:3px 10px;font-size:13px}.active{background:#d9f5bc;color:#294919}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.counts{display:flex;gap:28px;margin-top:20px}.counts strong{font-size:24px;display:block}.counts span{font-size:13px;color:#5b6f67}.empty{padding:48px;border:1px dashed #98b2a7;border-radius:14px;grid-column:1/-1;text-align:center}dialog{max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto}dialog::backdrop{background:#05261ccc;backdrop-filter:blur(3px)}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.dialogHeader h2{margin:0}.formError{color:#a22323}#notice:not(:empty){background:#e1efd4;padding:15px;border-radius:9px;margin-bottom:20px}#details img{display:block;width:220px;max-width:100%;margin:auto}code{display:block;overflow-wrap:anywhere;background:#edf2ee;padding:12px;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px;margin:20px 0}td,th{padding:8px;text-align:left;border-bottom:1px solid #dce6e0}footer{padding:30px 5%;color:#657970;font-size:13px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(max-width:760px){header{height:76px}.tag{display:none}main{padding-top:25px}.welcome{grid-template-columns:1fr;gap:30px;min-height:0}.welcome h1{font-size:44px}.welcome .sample{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.metric{padding:18px}.plates{grid-template-columns:1fr}.title{align-items:start}h1{font-size:34px}.toolbar{align-items:end}.search{width:100%;margin:0}.card,dialog{padding:24px}.brand{font-size:23px}}
