:root{font-family:Arial,sans-serif;color:#173b4b;background:#edf3f5}*{box-sizing:border-box}body{margin:0}header{background:#123b47;color:white;padding:22px 5%;display:flex;gap:24px;align-items:center;flex-wrap:wrap}header strong{font-size:24px}header b{margin-left:auto;background:#eed58b;color:#463b17;padding:8px;border-radius:6px;font-size:12px}main{max-width:1100px;margin:28px auto;padding:0 18px}section{background:white;border:1px solid #d8e3e7;border-radius:14px;padding:26px;margin:20px 0}#login{max-width:550px;margin:40px auto}h1{font-size:28px}h2{font-size:22px}p,small{line-height:1.6}label{display:grid;gap:7px;margin:12px 0;font-size:14px}input,select,button{font:inherit;padding:12px;border:1px solid #bdcdd3;border-radius:7px;max-width:100%;min-width:0}button{background:#146c58;color:white;cursor:pointer;margin:6px 4px 6px 0;border:0}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e9f0f3;color:#244957}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.bar h2{margin-right:auto}.sample{background:#f4f8fa;border:1px solid #dce6ea;border-radius:9px;padding:16px;margin:18px 0}.line{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:end}.notice{color:#76591c;background:#fff8e4;padding:12px}#status{position:sticky;bottom:10px;background:#153e4d;color:white;padding:16px;border-radius:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #dae4e8;padding:12px}td:last-child,th:last-child{text-align:right}article{border:1px solid #dce6ea;border-radius:8px;padding:16px;margin:16px 0}[hidden]{display:none!important}@media(max-width:650px){.grid{grid-template-columns:1fr}.line{grid-template-columns:1fr}header span{display:none}section{padding:16px}table{font-size:13px}}

.sampleBody{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px}.sampleImage img{width:100%;max-height:220px;object-fit:contain;background:white;border-radius:8px}.sampleImage input{width:100%;font-size:13px}.sampleBody .line{margin-top:12px}@media(max-width:650px){.sampleBody{grid-template-columns:1fr}}

.imagePaste{border:2px dashed #92b5b2;border-radius:8px;padding:18px 12px;margin:10px 0;background:#fff;text-align:center;cursor:text;font-size:14px}.imagePaste:focus{outline:3px solid #146c58;outline-offset:2px}.sampleImage small{display:block;margin:8px 0}