:root{--ink:#203c34;--muted:#69756e;--green:#173f37;--cream:#f5f4ee;--line:#e0e4da;--gold:#bb985b;--surface:#fff;--danger:#974431}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.55 "Segoe UI",Arial,sans-serif}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
[hidden]{display:none!important}
header{height:104px;padding:0 6%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fafbf7}
.brand{display:flex;align-items:center;gap:26px;text-decoration:none;color:var(--green)}
.mark{font:normal 30px/1.1 Georgia,serif;letter-spacing:-.7px;color:var(--green)}
.mark::before{content:"✦";color:var(--gold);font-size:17px;margin-right:9px;vertical-align:2px}
.brand-sub{font-size:9px;line-height:1.55;letter-spacing:1.4px;border-left:1px solid #d6dbd0;padding-left:18px;max-width:165px}
nav{display:flex;gap:26px}
.nav{background:none;border:0;color:var(--muted);padding:12px 0;font-size:13px}
.nav.active{color:var(--green);border-bottom:2px solid var(--green)}
main{max-width:1160px;margin:auto;padding:56px 30px}
.intro{margin-bottom:36px}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#747a61}
h1{font:normal 52px/1.12 Georgia,serif;letter-spacing:-1.4px;margin:18px 0}
h1 em{font-weight:normal;color:#547166}
p{color:var(--muted);margin:10px 0 18px}
h2{font-size:19px;font-weight:600;margin:0}
h3{font-size:15px;margin:0}
.intro p{font-size:16px}
.upload-layout{display:grid;grid-template-columns:1fr 310px;gap:28px}
.surface{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:30px}
.section-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:28px}
.step{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#8a886a;font-size:11px;flex-shrink:0}
.section-top p{font-size:12px;margin:4px 0}
.small-lock{margin-left:auto;font-size:8px;letter-spacing:1px;color:#6c776c;white-space:nowrap;padding-top:10px}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
label{font-size:12px;font-weight:600;display:block}
input,select,textarea{width:100%;border:1px solid #dce1d7;border-radius:6px;background:#fff;color:var(--ink);padding:11px 12px;margin:7px 0 18px;font-size:13px}
input::placeholder{color:#909b92}
.type-label{margin-top:0}
.type-label select{max-width:100%}
.muted{color:var(--muted);font-weight:400;font-size:12px}
.dropzone{text-align:center;padding:22px 14px;border:1.5px dashed #b9c5b3;background:#f8faf5;border-radius:8px;position:relative;margin-bottom:22px}
.dropzone.drag{border-color:var(--green);background:#e6efe1}
.upload-icon{display:block;font-size:35px;line-height:1.2;color:#56785d;margin-bottom:8px}
.dropzone p{font-size:13px;margin:5px}
.dropzone small{font-size:10px;color:#7d897a}
.file-link{display:inline;text-decoration:underline;cursor:pointer;color:var(--green)}
.dropzone input{display:block;width:100%;font-size:11px;margin:12px 0;border:0;padding:4px;background:transparent}
.primary,.secondary,.light-button{border:0;border-radius:6px;padding:12px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:18px}
.primary{background:var(--green);color:#fff}
.primary:hover{background:#295a4e}
.full{width:100%;justify-content:space-between}
.footnote{text-align:center;font-size:10px;margin:13px 0 0}
.telegram-card{background:var(--green);color:#fff;border-radius:12px;padding:30px;overflow:hidden}
.telegram-card .eyebrow{display:block;color:#b9c9b8;font-size:8px;margin:22px 0 15px}
.telegram-icon{display:grid;place-items:center;background:#34594e;border:1px solid #547267;border-radius:50%;width:42px;height:42px;font-size:23px}
.telegram-card h2{font:normal 34px/1.1 Georgia,serif}
.telegram-card>p{color:#c7d5c9;font-size:13px;line-height:1.7}
.light-button{background:#e6eedf;color:var(--green);width:100%}
.channel-note{border-top:1px solid #456357;padding-top:12px}
.chat-example{padding:15px;background:#31574c;border-radius:8px;margin-top:20px}
.chat-example>span{font-size:9px;color:#d8dcae}
.chat-example p{color:#edf1e8;font-size:11px;margin:10px 0}
.chat-example small{color:#c0cabc;font-size:9px}
.care-note{display:flex;gap:13px;padding:25px 10px}
.care-note>span{font-size:27px;color:var(--gold)}
.care-note h3{font-size:13px}
.care-note p{font-size:12px;margin:5px 0}
.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px}
.journey>div{position:relative;padding-left:36px}
.journey span{position:absolute;left:0;color:var(--gold);font:italic 18px Georgia}
.journey h3{font-size:13px}
.journey p{font-size:11px;margin:5px 0}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:24px 6%;gap:14px;color:#7e877d;font-size:10px}
footer strong{font-weight:500;color:#5b674e}
.file-list{padding:0;list-style:none}
.file-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;word-break:break-word}
.file-list li span{flex:1}
.file-list button{border:0;background:transparent;color:var(--danger)}
progress{width:100%;accent-color:var(--green)}
#upload-message:not(:empty),#staff-message:not(:empty){padding:15px;background:#e9efdf;border-radius:6px;margin:12px 0;font-size:13px}
#upload-message.error,#staff-message.error{background:#fbebe4;color:var(--danger)}
.workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
.workspace-head h1{font-size:40px}
.secondary{background:#e5e9df;color:var(--ink)}
.login{max-width:460px}
.login p{font-size:13px}
.demo-bar{display:flex;gap:16px;align-items:center;background:#ece8d8;border:1px solid #dcd4b9;border-radius:8px;padding:18px;margin-bottom:24px}
.demo-bar strong{font-size:13px}
.demo-bar p{font-size:11px;margin:3px 0}
.demo-bar select{width:220px;margin:0}
.demo-bar button{white-space:nowrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0;gap:16px}
.stat{border-bottom:2px solid #d9dfd0;padding:12px 0}
.stat strong{display:block;font:32px Georgia}
.stat span{font-size:11px;color:var(--muted)}
.workspace-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px}
.document-panel,.detail-panel{padding:22px;min-width:0}
.panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
.panel-header h2{font-size:17px}
.panel-header select{width:auto;max-width:170px;margin:0;padding:8px;font-size:11px}
.doc-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);padding:16px 8px;background:white;color:var(--ink)}
.doc-row.selected{background:#f0f4e9;border-radius:6px}
.doc-row strong{font-size:13px;display:block;overflow-wrap:anywhere}
.doc-row small{font-size:10px;color:var(--muted)}
.row-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px}
.badge{display:inline-block;padding:3px 8px;font-size:10px;border-radius:4px;background:#eee9d8;color:#796225}
.badge.accepted{background:#e8f0df;color:#33562d}
.badge.failed,.badge.rejected{background:#fae9e1;color:#964735}
.badge.processing,.badge.queued{background:#e5edf0;color:#3c6370}
.empty{text-align:center;padding:60px 8px;color:var(--muted)}
.empty>span{font-size:30px}
.empty h2{margin:12px}
.empty p{font-size:13px}
.detail-title{overflow-wrap:anywhere;margin:14px 0;font-size:18px}
.detail-meta{font-size:11px;color:var(--muted)}
.original-link{color:var(--green);font-size:12px}
.issues{font-size:12px;padding:14px 14px 14px 30px;background:#faf3df;border-radius:6px}
.review-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.review-fields input,.review-fields select{font-size:12px;padding:8px;margin:5px 0 12px}
.review-fields label{font-size:10px}
.review-actions{display:flex;gap:8px;flex-wrap:wrap}
.review-actions button{padding:10px 12px;font-size:11px}
.reject{color:var(--danger);background:#f8e9e4;border:0;border-radius:6px;padding:10px}
.messages{margin-top:24px;padding:24px}
.notification{padding:16px 0;border-top:1px solid var(--line)}
.notification summary{font-size:12px;cursor:pointer}
.notification summary span{float:right;color:var(--muted);font-size:10px}
.notification pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 "Segoe UI",sans-serif;background:#f5f7f0;padding:15px;border-radius:6px}
.text-button{border:0;background:none;padding:16px 0;color:var(--muted);font-size:11px}
.transaction{font-size:11px;border-bottom:1px solid var(--line);padding:8px 0}
#staff-message{position:sticky;bottom:12px}
.detail-message{font-size:12px;color:var(--danger)}
@media(max-width:850px){.upload-layout{grid-template-columns:1fr 260px;gap:18px}
main{padding:35px 22px}
.surface{padding:22px}
.small-lock{display:none}
.telegram-card{padding:24px}
.demo-bar{flex-wrap:wrap}
.workspace-columns{grid-template-columns:1fr}
.demo-bar>div{width:100%}
}
@media(max-width:620px){header{height:82px;padding:0 20px}
.brand-sub{display:none}
nav{gap:18px}
.nav{font-size:11px}
.mark{font-size:24px}
h1{font-size:38px}
.upload-layout{grid-template-columns:1fr}
.fields{grid-template-columns:1fr;gap:0}
.intro{margin-bottom:24px}
.intro p{font-size:14px}
.telegram-card h2 br{display:none}
.telegram-card{padding:24px}
.journey{gap:18px;grid-template-columns:1fr}
.journey>div{padding-left:38px}
footer{flex-direction:column;padding:20px}
.stats{grid-template-columns:1fr 1fr}
.workspace-head h1{font-size:32px}
.demo-bar select{width:100%}
.review-fields{grid-template-columns:1fr 1fr}
.notification summary span{float:none;display:block}
.messages .panel-header{align-items:start;flex-direction:column}
}

.workspace-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

.sheet-preview{margin-top:18px;overflow:hidden}
.sheet-status{font-size:12px;color:#9b6a2f;background:#fff6e5;border:1px solid #ead7b4;border-radius:999px;padding:7px 10px;white-space:nowrap}
.sheet-scroll{overflow:auto;border-top:1px solid #eee}
.sheet-preview table{border-collapse:collapse;min-width:1700px;width:100%;font-size:12px}
.sheet-preview th{position:sticky;top:0;background:#f7f5f0;color:#655f57;text-align:left;font-weight:700;letter-spacing:.04em;white-space:nowrap}
.sheet-preview th,.sheet-preview td{padding:12px 14px;border-bottom:1px solid #eee;vertical-align:top;white-space:nowrap}
.sheet-preview tbody tr:hover{background:#fcfbf8}
.sheet-preview td a{color:#825b2b;text-decoration:underline}
.empty-cell{text-align:center;color:#8a857d;padding:28px!important}