:root{font-family:Arial,Helvetica,sans-serif;color:#173c32;background:#f2f8f5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.center{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:24px;text-align:center}.auth{width:min(100%,420px);padding:32px;background:#fff;border-radius:24px;box-shadow:0 15px 45px #063f351c}.auth img{width:110px;max-height:100px;object-fit:contain}.auth form,.form{display:grid;gap:15px}.auth input,.form input,.form select,.form textarea{width:100%;padding:13px;border:1px solid #cbded5;border-radius:11px;background:#fff}.auth input{margin:5px 0}.auth button:not(.link),.form button{padding:14px;background:#08745c;color:#fff;border:0;border-radius:11px;font-weight:700}.link{background:none;border:0;color:#08745c;margin-top:15px}.note{font-size:13px;color:#8b4b25}.shell{max-width:1100px;margin:auto;padding:14px}header{display:flex;align-items:center;gap:10px;padding:12px 0}header img{width:52px;height:52px;object-fit:contain}header strong,header small{display:block}header small{font-size:11px;color:#789087}.logout{margin-left:auto;border:1px solid #bed5cb;background:#fff;border-radius:10px;padding:10px}nav{display:flex;gap:8px;overflow:auto;padding:12px 0}nav button{border:1px solid #c7ddd3;background:#fff;padding:10px 15px;border-radius:20px;white-space:nowrap}nav .active{background:#08745c;color:#fff;border-color:#08745c}.welcome{background:#063f35;color:#fff;border-radius:20px;padding:24px;margin:12px 0 18px}.welcome h1{margin:0 0 6px;font-size:clamp(22px,4vw,32px)}.welcome p{margin:0;color:#d1e8de}article{background:#fff;padding:22px;border-radius:17px;box-shadow:0 3px 18px #063f3510;margin:16px 0}article h2{margin-top:0;font-size:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats article{margin:0}.stats span{display:block;font-size:13px;color:#69877b}.stats strong{font-size:25px}.chart{height:270px}.plan{padding:15px;border-left:4px solid #08745c;background:#f2faf6;margin:12px 0;border-radius:8px;white-space:pre-wrap}.form label{font-weight:600;font-size:14px}.form label input,.form label select,.form label textarea{display:block;margin-top:7px;font-weight:400}.hint{font-size:12px;color:#658276}.notice{background:#fff5d8;border-radius:10px;padding:12px;display:flex;justify-content:space-between}.notice button{border:0;background:none}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:12px;border-bottom:1px solid #e3eee8;text-align:left}footer{text-align:center;color:#7a8e84;font-size:11px;padding:24px}@media(max-width:600px){.stats{grid-template-columns:1fr 1fr}.stats article:last-child{grid-column:1/-1}.shell{padding:10px}article{padding:16px}}
