:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#19312e;background:#f3f6f5;font-size:14px}*{box-sizing:border-box}body{margin:0}header{background:#123c34;color:white;padding:32px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:29px;margin:10px 0 0;font-weight:600}h2{font-size:23px;margin:0 0 10px}h3{font-size:18px;margin:12px 0}.eyebrow{font-size:11px;letter-spacing:1.7px;opacity:.72}.mode{border:1px solid #72928a;padding:9px 13px;border-radius:30px;font-size:12px}main{max-width:1180px;margin:0 auto;padding:24px}nav{display:flex;align-items:center;gap:8px;border-bottom:1px solid #d8e2de;padding-bottom:16px;margin-bottom:30px}nav a{padding:10px 18px;text-decoration:none;color:#49615b;border-radius:6px}nav a.active{background:#dfebe6;color:#164e3d;font-weight:600}nav form{margin-left:auto}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}p{color:#687a74;line-height:1.8;margin:8px 0}.panel{background:white;border:1px solid #dbe5e0;border-radius:10px;padding:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:12px;padding:5px 10px;background:#eff0f0;color:#67736f;border-radius:20px}.online{background:#e3f3e9;color:#217149}dl{display:grid;grid-template-columns:1fr 1.7fr;gap:13px;margin:23px 0;color:#64766f}dd{margin:0;text-align:right;word-break:break-all;color:#233f34}button{border:1px solid transparent;background:#21654e;color:white;padding:10px 16px;border-radius:6px;cursor:pointer;font:inherit;white-space:nowrap}button:hover{filter:brightness(.92)}button:disabled{opacity:.4;cursor:default}.quiet{background:white;color:#355d4d;border-color:#cfddd5}article>form>button{width:100%}input,select{font:inherit;padding:10px 12px;border:1px solid #c9d7d0;background:white;border-radius:5px;color:#233e33;min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #3c9677;outline-offset:2px}label{display:grid;gap:9px;font-size:13px;margin-bottom:16px}.search,.filters,.actions{display:flex;gap:10px}.search input{width:230px}.filters{margin:0 0 20px}.actions{margin-top:16px;flex-wrap:wrap}.alert{padding:16px 20px;background:#e1f1e6;border:1px solid #b8d8c4;border-radius:8px;margin-bottom:22px;line-height:1.7}.error{background:#fff1ed;border-color:#ebc5b8;color:#904933}.secret{display:block;overflow-wrap:anywhere;background:white;padding:12px;margin-top:8px;user-select:all}.login{max-width:440px;margin:60px auto}.login h2{margin-top:16px}.login form{margin-top:24px}.login button{width:100%}.table-wrap{overflow:auto;border:1px solid #dbe5e0;border-radius:8px;background:white}table{width:100%;border-collapse:collapse;text-align:left}th{background:#eaf0ec;font-size:12px;font-weight:500;color:#547165}td,th{padding:18px;border-bottom:1px solid #e5ece7;vertical-align:top}small{display:block;font-size:12px;color:#748178;margin-top:8px;overflow-wrap:anywhere}td strong{font-size:13px;font-weight:500}.pagination{display:flex;gap:20px;justify-content:center;align-items:center;padding:24px;color:#6e7e75}.pagination a{color:#21654e}.empty{text-align:center;padding:50px;color:#718078}.client-form{display:grid;grid-template-columns:1fr 2fr auto;align-items:end;gap:20px}.client-form label{margin:0}.clients{margin:22px 0}.docs pre{padding:16px;background:#f0f5f1;overflow:auto;border-radius:6px}.review{display:grid;gap:8px;margin-top:14px}.review button{font-size:12px}footer{text-align:center;color:#85978c;font-size:12px;padding:24px}@media(max-width:960px){.grid{grid-template-columns:repeat(2,1fr)}.section-title{align-items:flex-start;flex-direction:column}.client-form{grid-template-columns:1fr}}@media(max-width:600px){header{padding:24px;align-items:flex-start;flex-direction:column}main{padding:16px}.grid{grid-template-columns:1fr}nav{gap:0;flex-wrap:wrap}nav a{padding:10px}nav form{margin-left:0}.filters{flex-wrap:wrap}.search{width:100%}.search input{width:100%}.mode{font-size:11px}.panel{padding:20px}.login{margin:24px auto}td,th{padding:12px}.actions{gap:8px}}
