:root{--red:#a91e2c;--ink:#302522;--muted:#776b65;--line:#e7ded8;--bg:#f8f5f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,'Noto Sans KR',sans-serif}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;padding:18px max(20px,calc((100vw - 1100px)/2));background:white;border-bottom:1px solid var(--line);gap:12px}header div{display:flex;gap:15px;align-items:center;font-size:13px}a{color:inherit;text-decoration:none}.brand{font-size:21px;font-weight:800;white-space:nowrap}.brand small{font-size:12px;color:var(--red);margin-left:8px}main{max-width:1100px;margin:auto;padding:40px 22px}.intro{margin-bottom:28px}.eyebrow{font-weight:700;color:var(--red);font-size:12px;letter-spacing:.12em}h1{font-size:clamp(28px,4vw,42px);line-height:1.35;letter-spacing:-.05em;margin:12px 0}h2{font-size:20px;margin:0 0 16px}p{margin:10px 0 18px}.intro p,.muted,.login p{color:var(--muted)}.muted{font-size:12px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:24px}.login{max-width:440px}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}label{display:block;font-size:13px;font-weight:650;margin:12px 0}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #d8cec7;border-radius:8px;background:#fff;color:var(--ink);margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid #cc7a83;outline-offset:2px}textarea{min-height:85px}button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 16px;cursor:pointer;color:var(--ink)}button:hover{background:#f8eee8}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--red);color:#fff;border-color:var(--red);font-weight:700;padding:13px 24px}.primary:hover{background:#861724}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.section-head>span,#result-tag{font-size:12px;color:var(--muted)}.step{display:inline-flex;background:var(--bg);border-radius:50%;width:30px;height:30px;align-items:center;justify-content:center;color:var(--red);margin-right:8px}.upload{border:1px dashed #c9b8aa;border-radius:12px;padding:20px;background:#fcfaf8}.upload span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:8px}.upload input{border:0;padding:4px}.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}.photo{position:relative}.photo img{width:100%;display:block;border-radius:8px}.photo .box{position:absolute;border:2px solid #f32343;background:#ff335510;color:#fff;font-size:11px;pointer-events:none}.box b{background:#981524;padding:1px 4px}.photo small{display:block}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metrics div{padding:18px;background:var(--bg);border-radius:10px}.metrics span{display:block;font-size:12px;color:var(--muted)}.metrics strong{font-size:30px}.metrics div:first-child{background:#f8e9eb;color:var(--red)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin:16px 0}th{text-align:left;background:var(--bg);font-size:12px}td,th{padding:11px;border-bottom:1px solid var(--line)}td input,td select{margin:0;min-width:90px;padding:8px}td:nth-child(4) input{min-width:180px}details summary{cursor:pointer;font-weight:700;margin:20px 0 8px}.check{display:flex;gap:10px;align-items:center}.check input{width:auto;margin:0}.actions,.tabs{display:flex;gap:10px}.tabs{margin-bottom:18px}.tabs .active{background:var(--ink);color:white}#notice:not(:empty){border:1px solid #e6c6a1;background:#fff1db;padding:13px;border-radius:8px}.warning:not(:empty){border-left:3px solid #bc7d30;background:#fff7e8;padding:12px;font-size:13px}.bar{display:flex;height:20px;margin-bottom:8px;background:#eee;border-radius:4px;overflow:hidden}.bar span{background:var(--red)}.bar-label{display:flex;justify-content:space-between;font-size:12px}.record{border-bottom:1px solid var(--line);padding:18px 0;display:flex;gap:16px;align-items:center;justify-content:space-between}.record small{display:block;color:var(--muted)}footer{text-align:center;padding:25px;color:var(--muted);font-size:12px}@media(max-width:650px){main{padding:25px 14px}.card{padding:20px}.fields{grid-template-columns:1fr 1fr}.metrics{gap:7px}.metrics div{padding:12px}.metrics strong{font-size:24px}.metrics span{font-size:11px}header{padding:14px}header #user{display:none}.photos{grid-template-columns:1fr}.actions{flex-wrap:wrap}}

.save-status:empty{display:none}.save-status{padding:14px 16px;border-radius:8px;background:#f5f3ef;font-weight:700}.save-status.success{background:#e8f5ec;color:#176337;border:1px solid #a8d5b4}.save-status.error{background:#fff0ed;color:#9e2920;border:1px solid #e8b8af}#save:disabled{cursor:default;opacity:.7}

.credential-card{background:#edf7f0;border:1px solid #a8d5b4;border-radius:10px;padding:20px;margin:24px 0}.credential-card textarea{font-family:inherit;background:white;resize:vertical}#account-create{padding-bottom:24px;border-bottom:1px solid var(--line)}#account-list .actions{flex-wrap:wrap}#account-list .record{flex-wrap:wrap}#accounts-status:not(:empty){padding:12px;background:#fff1db;border-radius:8px}#password-form button{margin:6px 6px 0 0}
