:root{--blue:#14578d;--blue2:#0f4570;--green:#2fbf86;--teal:#3fb0a8;--bg:#f2f7f7;--ink:#1c2b36;--mut:#64798a;--line:#dbe6e8}
*{box-sizing:border-box}body{margin:0;font:15px/1.55 "Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--blue)}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}main.wrap{padding-top:22px;padding-bottom:40px;min-height:70vh}
.top{background:#fff;border-bottom:3px solid var(--green);position:sticky;top:0;z-index:10}
.bar{display:flex;align-items:center;gap:18px;padding:6px 16px;flex-wrap:wrap}.brand img{height:46px;display:block;border-radius:6px}
nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}nav a{padding:8px 12px;border-radius:6px;text-decoration:none;color:var(--ink);font-weight:600}nav a.on,nav a:hover{background:#e4f3f1;color:var(--blue)}
.right{display:flex;align-items:center;gap:8px}.who{color:var(--mut);font-size:13px}.lg{padding:3px 8px;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:12px;font-weight:700}.lg.on{background:var(--blue);color:#fff;border-color:var(--blue)}
h1{font-size:24px;margin:0 0 6px;color:var(--blue2)}h2{font-size:18px;margin:0 0 10px;color:var(--blue2)}h3{font-size:15px;margin:16px 0 6px}.sub{color:var(--mut);margin:0 0 18px}
.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:18px;box-shadow:0 1px 2px rgba(20,87,141,.05)}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.g2,.g3,.g4{grid-template-columns:1fr}.bar{gap:8px}}
.stat{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:10px;padding:14px}.stat b{display:block;font-size:26px;color:var(--blue2)}.stat span{color:var(--mut);font-size:13px}
label{display:block;font-weight:600;margin:12px 0 4px;font-size:14px}label small{font-weight:400;color:var(--mut)}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=datetime-local],input[type=file],select,textarea{width:100%;padding:10px 12px;border:1px solid #c5d4d8;border-radius:7px;font:inherit;background:#fff}
textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #9fd9cc;border-color:var(--teal)}
.btn{display:inline-block;background:var(--blue);color:#fff;border:0;padding:10px 18px;border-radius:7px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.btn:hover{background:var(--blue2)}
.btn.g{background:var(--green)}.btn.r{background:#c0392b}.btn.o{background:#d98a1b}.btn.out{background:#fff;color:var(--blue);border:1px solid var(--blue)}.btn.sm{padding:5px 11px;font-size:13px}
.alert{padding:11px 14px;border-radius:8px;margin-bottom:14px;border:1px solid}.alert.ok{background:#e6f7ef;border-color:#9ad8bb}.alert.err{background:#fdecea;border-color:#f1aaa3}.alert.info{background:#e8f1fa;border-color:#a9c9e6}
.badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:700}.b-gray{background:#e9eef0;color:#51636f}.b-blue{background:#dcebfa;color:#14578d}.b-orange{background:#fdebd0;color:#a65f00}.b-yellow{background:#fff3c4;color:#8a6d00}.b-green{background:#d9f4e6;color:#0e7a4b}.b-red{background:#fbdcd8;color:#a52a1d}
table{width:100%;border-collapse:collapse}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}th{background:#f0f6f7;color:var(--blue2);font-size:13px}.tw{overflow-x:auto}
.steps{list-style:none;display:flex;gap:6px;padding:0;margin:8px 0;flex-wrap:wrap}.steps li{flex:1;min-width:110px;text-align:center;font-size:12px;color:var(--mut)}
.steps b{display:block;width:30px;height:30px;line-height:30px;margin:0 auto 4px;border-radius:50%;background:#dfe8ea;color:#51636f}.steps li.done b{background:var(--green);color:#fff}.steps li.cur b{background:var(--blue);color:#fff}.steps li.x b{background:#c0392b;color:#fff}.steps li.done,.steps li.cur{color:var(--ink);font-weight:600}
.hero{background:linear-gradient(135deg,#2fbf86,#3fb0a8 55%,#14578d);color:#fff;border-radius:14px;padding:44px 28px;margin-bottom:22px}.hero h1{color:#fff;font-size:32px}.hero p{max-width:640px;font-size:17px}
.auth{max-width:460px;margin:0 auto}.q{border-left:4px solid var(--green);padding:2px 0 2px 12px;margin-top:18px}.q p{margin:0 0 4px;font-weight:600}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mut{color:var(--mut)}.right-t{text-align:right}.pre{white-space:pre-wrap;background:#f6fafa;border:1px solid var(--line);border-radius:7px;padding:10px}
.sticky-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 0;margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;z-index:5}#saved{color:var(--mut);font-size:13px}
.big{background:#e6f7ef;border:2px solid var(--green);border-radius:12px;padding:20px;text-align:center}.big h2{color:#0e7a4b}
footer{text-align:center;color:var(--mut);font-size:13px;padding:18px 0;border-top:1px solid var(--line);background:#fff}audio{width:100%}