:root{font-family:system-ui,sans-serif;color:#16342f;background:#edf3f2;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:24px}header,.summary,.list-head,.row-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:25px;font-weight:800}.brand span{font-size:14px;font-weight:500;display:block}.badge{font-size:14px;border:1px solid #b5d0c8;border-radius:20px;padding:8px 12px}.summary{padding:32px 0}.summary p{margin:0 0 8px}h1{font-size:clamp(26px,5vw,38px);margin:0;line-height:1.4}h2{font-size:20px;margin:0 0 16px}.stats{text-align:right;flex-shrink:0}.stats strong{display:block;font-size:40px;color:#0b665d}.stats span{font-size:14px}.panel{background:white;border:1px solid #d1e1dc;border-radius:20px;padding:24px;box-shadow:0 10px 35px #153c2f08}button,input{font:inherit}button{cursor:pointer;min-height:48px;padding:10px 16px;border:1px solid #b4cac3;border-radius:10px;background:white;color:#16342f;font-weight:600}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #dd9c38;outline-offset:3px}.mic{width:100%;background:#dff3ed;border:1px solid #91cbbb;color:#07594f;font-size:20px;min-height:76px}.mic.active{background:#ffe2dc;color:#9c3321}.hint,footer{font-size:14px;color:#536b64;line-height:1.7}#status{font-size:14px;min-height:24px;color:#0b665d}form{display:grid;gap:16px}label{display:grid;gap:6px;font-size:14px;font-weight:600}input{width:100%;min-width:0;background:#f8fbfa;border:1px solid #bdcfc8;border-radius:9px;min-height:48px;padding:10px 12px;color:#16342f}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.primary{background:#0b665d;border-color:#0b665d;color:white}.records{padding:32px 0}.list-head h2{margin:0}.list-head h2 span{font-size:14px;background:#d7e8e2;border-radius:20px;padding:4px 10px}.row{background:white;border:1px solid #d1e1dc;border-radius:14px;padding:18px;margin-top:12px}.row h3{font-size:18px;margin:0;overflow-wrap:anywhere}.row p{font-size:14px;color:#536b64;margin:8px 0}.row strong{white-space:nowrap}.actions{display:flex;gap:8px;margin-top:12px}.actions button{font-size:14px;min-height:44px}.empty{border:1px dashed #adc8bf;border-radius:14px;text-align:center;padding:30px;color:#536b64}footer{padding-bottom:24px} [hidden]{display:none!important}@media(max-width:500px){main{padding:18px}.panel{padding:18px}.summary{gap:8px}.stats strong{font-size:32px}.badge{font-size:12px}.list-head{align-items:flex-start;flex-direction:column}.list-head button{width:100%}h1{font-size:26px}}

.view-tabs{display:flex;gap:8px;margin-bottom:18px}.view-tabs button{flex:1}.view-tabs button[aria-pressed="true"]{background:#0b665d;color:white;border-color:#0b665d}

.view-tabs{flex-wrap:wrap}.view-tabs button{min-width:110px;padding:10px 8px}