:root{--navy:#0b2850;--navy2:#123c71;--blue:#1c69b7;--orange:#ff781f;--ink:#172d46;--muted:#60748b;--line:#dce6f1;--canvas:#f2f6fb;--card:#fff;--good:#087f6d;--danger:#ae4a34;--radius:18px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--blue);text-decoration:none}.topline{background:#092444;color:#dfefff;padding:7px 22px;font-size:12px;text-align:center;letter-spacing:.4px}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.headInner{max-width:1180px;margin:auto;padding:13px 18px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:900;letter-spacing:-.4px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:9px}.brand small{display:block;color:var(--orange);font-size:11px;letter-spacing:2px}.nav{display:flex;gap:20px;font-size:13px;font-weight:650;color:#536981}.nav a{color:inherit}.nav a.active{color:var(--orange)}.demoPill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#fff3e8;border:1px solid #ffdcbd;color:#ad5017;border-radius:24px;font-weight:750;font-size:11px}.container{max-width:1180px;margin:0 auto;padding:22px 18px 70px}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);border-radius:22px;background:linear-gradient(117deg,#0c2c55 0%,#11447a 68%,#1b6295);overflow:hidden;color:white;box-shadow:0 18px 40px #1d51872a}.heroContent{padding:37px 40px 40px}.eyebrow{font-size:11px;letter-spacing:2.1px;text-transform:uppercase;color:#b8d9fa;font-weight:800}.hero h1{font-size:clamp(26px,3vw,40px);line-height:1.13;margin:15px 0 13px;letter-spacing:-1px}.hero p{max-width:660px;margin:0;color:#d3e5f6;font-size:14px;line-height:1.7}.heroDecor{position:relative;min-height:220px;overflow:hidden}.heroDecor:before{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff4b;border-radius:50%;right:-80px;top:-80px;box-shadow:0 0 0 45px #ffffff0e,0 0 0 90px #ffffff08}.heroDecor:after{content:"CN";font-size:150px;font-weight:900;letter-spacing:-16px;color:#fff1;position:absolute;right:35px;bottom:-43px}.heroStats{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.heroStats span{font-size:11px;color:#e0edfb;background:#ffffff17;padding:8px 10px;border:1px solid #ffffff24;border-radius:20px}.notice{margin-top:17px;background:#fffaf3;border:1px solid #f3dcc0;padding:13px 16px;border-radius:12px;color:#795a38;font-size:12px;line-height:1.6}.tabTitle{font-size:11px;font-weight:850;letter-spacing:1.3px;color:#607991;margin:28px 0 10px}.serviceTabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.serviceTab{border:1px solid #d8e5f1;background:white;padding:15px 10px;border-radius:14px;text-align:center;color:#415a74;font-weight:750;font-size:13px;transition:all .16s}.serviceTab span{display:block;font-size:19px;margin-bottom:5px}.serviceTab[aria-selected="true"]{background:#fff7ee;border-color:#ff9f59;color:#ad4f0f;box-shadow:0 5px 20px #ff8b3c18}.serviceTab:hover{border-color:#ffb276}.mainGrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;margin-top:20px}.panel{background:var(--card);border:1px solid var(--line);border-radius:19px;box-shadow:0 7px 25px #1a3b5b08}.formPanel{padding:26px 30px}.panelTitle{display:flex;align-items:start;gap:13px}.number{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;background:#e9f3fe;color:#1465aa;border-radius:11px;font-weight:850;font-size:13px}.panelTitle h2{margin:0 0 5px;font-size:17px;letter-spacing:-.35px;color:var(--navy)}.panelTitle p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.section{padding:23px 0;border-bottom:1px solid #e8eef6}.section:last-of-type{border:0}.fieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.full{grid-column:1/-1}.field label,.fieldLabel{font-size:12px;color:#304b66;font-weight:750}.required{color:#e45c2b}.field input,.field select,.field textarea,.moneyInput{width:100%;border:1px solid #d6e2ef;border-radius:9px;background:#fff;padding:12px 13px;color:#203b55;font-size:13px;min-height:42px;outline:none}.field textarea{min-height:75px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.moneyInput:focus{border-color:#2476bf;box-shadow:0 0 0 3px #1b78cb19}.field input::placeholder,.field textarea::placeholder{color:#96a7b7}.hint{font-size:11px;color:#8092a4;line-height:1.45}.checkGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.checkTile{border:1px solid #dce6ef;border-radius:10px;padding:12px;display:flex;align-items:start;gap:8px;font-size:12px;font-weight:600;cursor:pointer}.checkTile input{margin:2px 0;accent-color:var(--blue)}.upload{border:1.5px dashed #a9c7e6;background:#f8fbff;border-radius:13px;padding:18px;min-height:82px;display:flex;align-items:center;justify-content:center;gap:13px;cursor:pointer;text-align:left}.upload input{display:none}.upload strong{display:block;color:#205587;font-size:13px}.upload small{color:#7b92aa;font-size:11px}.uploadIcon{width:42px;height:42px;background:#e5f1ff;border-radius:11px;display:grid;place-items:center;color:#2275bd;font-size:22px}.bottomActions{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.btn{border:0;border-radius:10px;padding:13px 19px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btnPrimary{color:white;background:linear-gradient(110deg,#ff841f,#ef6415);box-shadow:0 7px 20px #f7793040}.btnOutline{border:1px solid #c9dbeb;color:#1b527e;background:white}.smallWarn{font-size:11px;max-width:420px;color:#8193a8;line-height:1.5}.aside{display:flex;flex-direction:column;gap:15px;position:sticky;top:87px}.asidePanel{padding:19px}.asidePanel h3{margin:0 0 12px;font-size:15px;color:#12365a}.steps{display:grid;gap:13px}.step{display:flex;align-items:start;gap:10px}.stepN{flex-shrink:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#edf4fc;color:#2468a5;font-size:11px;font-weight:850}.step strong{font-size:12px}.step p{color:#8291a4;line-height:1.45;font-size:11px;margin:3px 0 0}.asideOrange{background:#102e52;color:white;border-color:#102e52}.asideOrange h3{color:white}.asideOrange p{color:#c1d6eb;font-size:12px;line-height:1.75}.smallLink{border-top:1px solid #ffffff27;padding-top:14px;font-size:12px;color:#fff}.badge{display:inline-block;font-size:10px;border-radius:6px;color:#946131;background:#fff2dc;padding:5px 7px;font-weight:850}.footer{margin-top:30px;text-align:center;font-size:11px;color:#91a0b0}.hidden{display:none!important}.errorBanner{display:none;margin-top:16px;padding:13px;background:#fff0eb;border:1px solid #ffb5a5;border-radius:11px;color:#a13e2e;font-size:12px}.errorBanner.visible{display:block}.successBox{padding:25px;margin-top:18px;text-align:center;display:none}.successBox.visible{display:block}.successIcon{font-size:36px}.successBox h2{font-size:22px;color:var(--navy)}.successBox p{font-size:13px;color:var(--muted);line-height:1.7}.reference{display:inline-block;margin:10px 0;padding:12px 20px;background:#ecf6ff;border:1px dashed #74b4e8;color:var(--navy);font-weight:900;border-radius:10px;letter-spacing:1px}.tinyNote{color:#a15d35;font-size:12px;background:#fff5e8;padding:13px;border-radius:10px;margin-top:16px}
/* admin */.adminTop{margin-bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:15px}.adminTop h1{font-size:25px;color:var(--navy);margin:3px 0}.adminTop p{margin:0;color:var(--muted);font-size:13px}.adminGrid{display:grid;grid-template-columns:310px 1fr;gap:18px;align-items:start}.listItems{max-height:580px;overflow:auto}.requestRow{padding:14px 16px;border-top:1px solid var(--line);cursor:pointer;transition:.14s}.requestRow:hover,.requestRow.selected{background:#edf6ff}.requestRow b{display:block;color:#183d63;font-size:13px}.requestRow small{display:block;color:#7c90a5;margin-top:5px;font-size:11px}.requestRow .label{font-size:10px;background:#edf4fc;border-radius:6px;padding:3px 6px;display:inline-block;margin-top:6px;color:#286497}.adminSection{padding:22px;border-bottom:1px solid #e9eff6}.adminSection:last-child{border:0}.adminSection h2{margin:0 0 15px;font-size:16px;color:#1a4467}.summaryMeta{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.summaryMeta p{margin:3px 0 0;color:#547087;overflow-wrap:anywhere}.summaryMeta strong{color:#173952}.summaryMeta .long{grid-column:1/-1}.inputPair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partnerRow{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:12px;border:1px solid #dbe8f4;border-radius:10px;padding:11px;margin:8px 0}.partnerRow strong{font-size:12px}.partnerRow small{display:block;font-size:10px;color:#8293a1;margin-top:3px}.partnerRow input{border:1px solid #ccdced;border-radius:7px;padding:10px 8px;width:100%;min-width:80px}.partnerRow button{font-size:11px;border:1px solid #b8d1e8;border-radius:7px;background:#f3f9ff;padding:10px 11px;color:#1a638e}.partnerRow.chosen{border:1.5px solid #2e8ad0;background:#f2f9ff}.moneyGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moneyGrid label{font-size:11px;font-weight:750;display:block;margin-bottom:6px;color:#55718b}.moneyGrid input{width:100%;border:1px solid #d3e1ed;border-radius:8px;padding:10px;min-width:0}.totals{background:#f1f7ff;border:1px solid #d4e8fc;border-radius:12px;padding:17px;display:grid;gap:10px}.totalLine{display:flex;justify-content:space-between;gap:12px;font-size:13px}.totalLine.big{font-size:21px;font-weight:900;color:var(--navy);padding-top:10px;border-top:1px solid #cbdded}.totalLine.net{color:#0f7c6e;font-weight:800}.totalLine.red{color:#b05041}.adminActions{display:flex;gap:10px;flex-wrap:wrap;padding-top:14px}.statusSelect{padding:9px 10px;border:1px solid #caddf0;border-radius:8px;background:white}.blankState{padding:32px 18px;text-align:center;color:#7e91a4;font-size:13px;line-height:1.7}.warningStrip{font-size:12px;background:#fff7e7;border:1px solid #e6c88d;color:#79531c;border-radius:9px;padding:11px 13px;margin:10px 0 15px}.flag{color:#bd580f;background:#fff3e6;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:850}.hr{height:1px;background:#e5edf5;margin:15px 0}.estOnly{font-size:11px;color:#6d8297;line-height:1.6;margin-top:10px}
@media(max-width:870px){.mainGrid{grid-template-columns:1fr}.aside{position:static;display:grid;grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.heroDecor{display:none}.adminGrid{grid-template-columns:1fr}.listItems{max-height:270px}.serviceTabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:580px){.headInner{gap:6px;padding:10px 12px}.nav{display:none}.brand{font-size:13px}.brand img{width:34px;height:34px}.brand small{font-size:9px}.demoPill{font-size:9px;padding:5px 7px}.container{padding:12px 10px 50px}.hero{border-radius:15px}.heroContent{padding:24px 20px}.hero h1{font-size:28px}.serviceTabs{grid-template-columns:repeat(2,1fr);gap:8px}.serviceTab{padding:11px 7px;font-size:12px}.formPanel{padding:17px 16px}.fieldGrid,.checkGrid,.moneyGrid,.inputPair{grid-template-columns:1fr}.aside{grid-template-columns:1fr}.section{padding:19px 0}.panelTitle h2{font-size:16px}.bottomActions{align-items:stretch}.bottomActions .btn{width:100%}.summaryMeta{grid-template-columns:1fr}.partnerRow{grid-template-columns:1fr}.adminSection{padding:17px}.adminTop{align-items:start;flex-direction:column}.adminTop h1{font-size:21px}}
@media print{.header,.topline,.nav,.hero,.serviceTabs,.footer,.btn,.adminTop .demoPill,.requestListPanel,.adminActions,.notice,.smallWarn{display:none!important}.container{max-width:100%;padding:0}.adminGrid{display:block}.panel{box-shadow:none;border:0}.adminSection{break-inside:avoid}}

/* Hoàn thiện bố cục hệ thống 6 dịch vụ */
.serviceTabs{grid-template-columns:repeat(3,minmax(0,1fr))}.connectionBanner{margin-top:16px;padding:11px 14px;border:1px solid #cfe3d7;background:#f0fcf6;border-radius:12px;color:#145c4c;font-size:12px;font-weight:600}.honeypot{position:absolute;left:-9999px}.requestRow{font-family:inherit}.privateBlock{}.adminOnly{}.linkList a{margin:5px 0;display:block}
@media(max-width:580px){.serviceTabs{grid-template-columns:repeat(2,minmax(0,1fr))}.serviceTab{min-height:83px}}
@media print{.adminOnly .partnerRow,.adminOnly .estOnly,#profitOut,.totalLine.net,#loginView,#adminView .requestListPanel,#saveStatusBtn,#saveBtn,#sendPublicBtn,#staffNote{display:none!important}.adminSection{padding:10px 0!important}}

/* Trang khách hàng V3: chỉ tiếp nhận thông tin */
.successActions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding-top:14px}
@media(max-width:580px){.hero h1{font-size:25px;line-height:1.26}.heroContent{padding:22px 17px}.notice{font-size:12px}.connectionBanner{font-size:12px}.field input,.field select,.field textarea{font-size:16px;min-height:47px}.serviceTab{min-height:91px}.brand{white-space:nowrap}}