*{box-sizing:border-box}body{margin:0;background:#f4f6f3;color:#193b2e;font:15px/1.55 system-ui,-apple-system,sans-serif}header{background:#143d2b;color:#fff;padding:21px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:25px;font-weight:750;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px}.badge{font-size:12px;background:#2b503c;padding:8px 13px;border-radius:30px}.badge.online{background:#d8f4db;color:#1e542f}main{max-width:1168px;margin:auto;padding:30px 24px 18px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#718675}h1{font-size:30px;letter-spacing:-1px;margin:4px 0 6px;line-height:1.25}.heading p{color:#708074;margin:0 0 24px}.connection{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#e9f0e6;border:1px solid #d9e4d3;border-radius:13px;padding:17px 21px;margin-bottom:22px}.connection p{margin:3px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.qr-area{width:100%;display:flex;align-items:center;gap:24px;border-top:1px solid #d1decd;padding-top:18px}.qr-area img{max-width:240px;width:100%;height:auto;border-radius:10px}.qr-area p{max-width:330px;font-size:13px}.grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:22px;align-items:start}.card{background:#fff;border:1px solid #dde6d9;border-radius:15px;padding:25px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:24px}.step{background:#edf2e8;color:#657a61;font-size:11px;font-weight:700;border-radius:7px;padding:6px 8px}h2{font-size:18px;margin:0}fieldset{padding:0;margin:0;border:0;min-width:0}label{font-size:13px;font-weight:650;display:block;margin:20px 0 8px}fieldset>label:first-child{margin-top:0}.counter{float:right;color:#8a968a;font-size:11px;font-weight:400}input:not([type=checkbox]),textarea{display:block;width:100%;border:1px solid #d9e1d5;border-radius:8px;padding:12px;font:inherit;background:#fdfefc;color:#263d2d}textarea{resize:vertical;min-height:125px;line-height:1.6}.upload{background:#f7f9f4;border:1px dashed #c7d4c0;border-radius:10px;padding:16px}.upload input{background:transparent;border:0;padding:0;font-size:12px}.upload input::file-selector-button{background:#e8efdf;color:#315332;border:0;border-radius:6px;padding:9px 11px;margin-right:10px;font-weight:600;cursor:pointer}.upload span,.upload small{display:block;font-size:11px;color:#70806b;margin-top:7px;overflow-wrap:anywhere}.hint{display:block;color:#7c8978;font-size:11px;line-height:1.6;margin-top:7px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:#60705e;font-size:12px;margin:22px 0}.check input{width:17px;height:17px;flex-shrink:0;accent-color:#235d38;margin:2px 0}button{border:0;border-radius:8px;padding:12px 17px;background:#225a38;color:#fff;font:600 13px system-ui;cursor:pointer}button.secondary{background:#edf2e9;color:#395435;border:1px solid #d7e2d0}button.text-button{background:transparent;color:#54704f;padding:9px;font-size:12px}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #94b887;outline-offset:3px}.send-actions{display:flex;flex-wrap:wrap;gap:10px}#send{flex:1;display:flex;justify-content:space-between;gap:20px;padding:15px 18px}#send span{font-size:17px}.small{font-size:11px;color:#74826e;line-height:1.6}#sendHint{margin-bottom:0}.result{padding:13px;margin-top:16px;border-radius:8px;background:#eaf4e8;color:#305a2f;font-size:13px;white-space:pre-wrap}.result.problem{background:#fff4e5;color:#8b581b}#error{font-size:13px;color:#ad4934;margin:12px 0 0;overflow-wrap:anywhere}.preview-card{position:sticky;top:20px}.preview-recipient{color:#65755d;font-size:12px;padding-bottom:13px;overflow-wrap:anywhere}.chat{background:#eef0e6;border-radius:12px;padding:24px 16px 28px;min-height:350px;display:flex;align-items:flex-start;justify-content:flex-end}.bubble{background:#e3f3d9;border:1px solid #d2e5c7;border-radius:12px 0 12px 12px;max-width:100%;width:330px;overflow:hidden;box-shadow:0 3px 8px #25471a08}.bubble img{display:block;width:100%;max-height:350px;object-fit:contain;background:#dde8d6}.image-placeholder{height:185px;display:grid;align-content:center;justify-items:center;background:#d9e4d1;color:#90a083}.image-placeholder span{font-size:40px;line-height:1}.image-placeholder p{font-size:12px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px 15px 6px;color:#2c412b;font-size:13px;min-height:65px}.placeholder{color:#8c9a84}.bubble-time{font-size:9px;text-align:right;padding:6px 13px 10px;color:#85967b}#previewButton{display:block;text-decoration:none;text-align:center;border-top:1px solid #cfe0c4;padding:12px 7px;color:#287c44;font-size:13px;font-weight:600;cursor:pointer}#previewButton[aria-disabled=true]{cursor:default}#previewButton span{margin-right:5px}.preview-note{margin-bottom:0}footer{font-size:11px;color:#83907b;margin:23px 0 0}[hidden]{display:none!important}@media(max-width:760px){header{padding:16px 20px}main{padding:24px 15px}.grid{grid-template-columns:1fr}.preview-card{position:static}.card{padding:21px}h1{font-size:25px}.connection{padding:15px}.qr-area{flex-direction:column;align-items:flex-start}.badge{font-size:10px}.chat{min-height:280px}}

.batch-rows{max-height:240px;overflow:auto;font-size:13px;margin-top:16px}.batch-rows div{padding:8px;border-bottom:1px solid #e5eae6}#cancelBatch{margin-top:12px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:225px;background:#123b2c;padding:30px 18px;color:white;z-index:5}.sidebar .brand{padding:0 12px 35px}.sidebar button{display:block;width:100%;text-align:left;background:transparent;margin:7px 0;padding:14px 13px;color:#cadbd0}.sidebar button.active{background:#e8f2de;color:#25462e}.sidebar p{font-size:12px;color:#8fab9a;padding:25px 12px}body>header{margin-left:225px;padding:18px 32px;background:white;color:#234732;border-bottom:1px solid #dde6d9}body>header .brand{font-size:16px}body>header .badge{color:white}main{margin-left:225px;max-width:1450px;padding:30px 32px}.account-toolbar{display:flex;align-items:center;gap:16px;margin:0 0 22px}.account-toolbar label{margin:0;white-space:nowrap}select{font:inherit;padding:10px;border:1px solid #d4dfce;border-radius:8px;background:white;min-width:240px;max-width:100%;color:#25462e}.account-create{margin-bottom:20px}.account-create form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.account-create label{width:100%;margin:0}.account-create input{max-width:340px}.account-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:22px}.account-card{padding:20px}.account-card .actions{margin-top:18px}.status-pill{display:inline-block;background:#edf4e7;padding:4px 9px;border-radius:6px;font-size:12px}.danger{color:#ab4836!important}#globalError{color:#ab4836}#unlockArea{max-width:600px;margin-bottom:24px}#unlockArea label:first-child{margin-top:0}.report-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.report-stats div{background:#f1f5ed;border-radius:10px;padding:15px}.report-stats strong{font-size:26px;display:block}.report-stats span{font-size:12px;color:#74826e}.report-row{border-top:1px solid #e0e8db;padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.report-row p{margin:4px 0}.report-message{white-space:pre-wrap}.report-image{display:block;max-width:350px;max-height:350px;object-fit:contain;margin:15px 0}#historyDetail{margin-top:22px}#historyDetail button{margin:16px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:20px;font-size:13px}td,th{text-align:left;border-bottom:1px solid #e0e8db;padding:12px 8px}th{color:#73856d;font-weight:600}@media(max-width:950px){.sidebar{width:185px}body>header,main{margin-left:185px}main{padding:24px 18px}.grid{grid-template-columns:1fr}.preview-card{position:static}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:16px;display:flex;flex-wrap:wrap;gap:5px}.sidebar .brand{width:100%;padding:0 4px 12px}.sidebar p{display:none}.sidebar button{width:auto;flex:1;font-size:11px;padding:10px 6px}.sidebar .brand small{display:inline;margin-left:10px}body>header,main{margin-left:0}.account-toolbar{align-items:stretch;flex-direction:column;gap:8px}.report-row{flex-wrap:wrap}.report-stats{grid-template-columns:repeat(2,1fr)}}

.official-nav{display:block;color:#d7ebd0;text-decoration:none;padding:14px 13px;margin:7px 0;font-size:13px;font-weight:600}.official-nav.active{background:#e8f2de;color:#25462e;border-radius:8px}.cloud-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.cloud-wide{grid-column:1/-1}.cloud-status{white-space:pre-line}.cloud-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.cloud-preview{white-space:pre-wrap;background:#f1f5ed;border-radius:8px;padding:16px}.cloud-error{color:#a83d2b;white-space:pre-wrap}.cloud-section{margin-bottom:20px}@media(max-width:900px){.cloud-grid{grid-template-columns:1fr}}