:root{font-family:Arial,sans-serif;color:#203c35;background:#f4f5ef}*{box-sizing:border-box}body{margin:0}header{background:#183e35;color:white;padding:22px 6%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;font-size:26px}.brand span{font-size:15px;letter-spacing:2px;font-weight:bold}.brand small{display:block;font-size:11px;font-weight:normal;letter-spacing:1px;margin-top:6px;color:#c0d2c7}.badge{font-size:12px;border:1px solid #648375;padding:8px 12px;border-radius:20px}main{max-width:1260px;margin:auto;padding:42px 28px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:#698171}h1{font-family:Georgia,serif;font-size:48px;font-weight:normal;margin:10px 0}p{line-height:1.6;color:#64766d}h2{font-size:20px;font-weight:600}.demo{font-size:10px;letter-spacing:1px;background:#e5ecd7;padding:12px;border-radius:5px;color:#566533}nav{display:flex;gap:8px;margin:30px 0;border-bottom:1px solid #d4ded2;padding-bottom:12px}button{font:inherit;border:0;cursor:pointer;border-radius:6px;padding:12px 18px;color:#203c35}nav button{background:transparent}nav .active{background:#183e35;color:white}#count{background:#c4d3af;color:#183e35;border-radius:12px;padding:2px 6px;margin-left:7px}#newView{display:grid;grid-template-columns:1fr 310px;gap:24px}form{display:grid;gap:22px}.panel{background:white;border:1px solid #dfe5d9;border-radius:12px;padding:26px}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.section-title span{font-size:12px;background:#edf2e6;border-radius:50%;padding:10px;color:#648050}.section-title h2{margin:0}.upload{border:2px dashed #b7c9ac;border-radius:8px;min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#f8faf4;position:relative;overflow:hidden}.upload input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.upload>span{font-size:35px;margin-bottom:10px}.upload small{margin:10px;color:#778774}.upload img{max-width:100%;max-height:350px;object-fit:contain}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;font-weight:600}input,textarea{display:block;width:100%;padding:13px;border:1px solid #d5ded1;border-radius:6px;font:inherit;margin-top:8px;background:#fff;color:#244136}input:focus,textarea:focus{outline:2px solid #8fac70}input[readonly]{background:#f5f7f0}.hint{font-size:12px;margin:12px 0}.secondary{background:#eef2e7;border:1px solid #d8e1cc;font-size:13px}.primary{background:#183e35;color:white;width:100%;margin-top:20px;font-weight:bold}.gps{background:#f6f8f2;padding:16px;border-radius:7px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0;font-size:13px}.gps p{font-size:12px;margin:7px 0}.muted{color:#81907b;font-weight:normal}.guide{align-self:start;background:#e9efdf}.guide h2{font-family:Georgia,serif;font-size:32px;font-weight:normal;line-height:1.3}.guide p{font-size:13px}.guide small{color:#66775f;line-height:1.6;display:block}.mini-card{background:white;transform:rotate(-3deg);margin:25px 8px;border-radius:3px;box-shadow:0 10px 20px #183e3515;overflow:hidden}.mini-card>div:first-child{background:#7eaa61;text-align:center;padding:10px;font-size:12px;font-weight:bold}.art{background:linear-gradient(150deg,#d0d3b6,#9caa82);font-size:70px;text-align:center;padding:15px}.mini-card p{display:flex;justify-content:space-between;font-size:8px;border-bottom:1px solid #ddd;padding:8px;margin:0}hr{border:0;border-top:1px solid #ccd7c0;margin:24px 0}.pending-head{display:flex;justify-content:space-between;align-items:center}.notice{background:#f2f5e9;padding:12px;font-size:13px;border-radius:6px}.report{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #e1e7db}.report img{width:100px;border-radius:5px;cursor:pointer}.report h3{margin:5px 0}.report p{font-size:12px;margin:5px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.report input{display:inline;width:auto;margin:0 8px 0 0}.empty{text-align:center;padding:50px 10px;color:#6f8267}button:disabled{opacity:.45;cursor:not-allowed}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:16px 24px;background:#183e35;color:white;border-radius:8px;max-width:90%;z-index:10}dialog{border:0;border-radius:12px;max-width:95%;max-height:95%;padding:15px}dialog::backdrop{background:#183e3599}dialog img{display:block;max-width:100%;max-height:75vh;margin-top:10px}[hidden]{display:none!important}@media(max-width:800px){#newView{grid-template-columns:1fr}.guide{display:none}.intro{display:block}.demo{display:inline-block;margin-top:12px}h1{font-size:36px}main{padding:25px 16px}.panel{padding:20px}.grid{gap:15px}nav{gap:0}nav button{padding:12px}.gps{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.grid{grid-template-columns:1fr}.badge{font-size:10px}.report{grid-template-columns:75px 1fr}.report img{width:75px}}

#loginPanel{max-width:560px;margin:25px auto}#loginForm{gap:18px}.account-bar{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:14px}#loginStatus{color:#874731}#sentView .report{display:block}