@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700;800&display=swap');
:root{font-family:'Bai Jamjuree',system-ui,sans-serif;background:#0c1428;color:#edf3ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 80% 20% at 75% -10%,#263772 0,transparent 100%),linear-gradient(165deg,#0c1428,#121c32 72%,#11192d);min-height:100dvh}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #abc8ff;outline-offset:3px}#app{max-width:520px;min-height:100dvh;margin:auto;padding:0 19px 100px}.app-header{display:flex;align-items:center;padding:18px 0 22px;gap:11px}.logo-chip{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#387afa,#874bf5);display:grid;place-items:center;font-size:23px;box-shadow:0 8px 20px #3358b84c}.app-brand{flex:1}.app-brand strong{display:block;font-size:15px;letter-spacing:-.5px}.app-brand small{color:#8195bd;font-size:9px;font-weight:700;letter-spacing:1px}.connection{padding:8px 11px;background:#1c2b45;color:#91a8c8;border:1px solid #30415c;border-radius:50px;font-size:9px;white-space:nowrap;font-weight:800}.connection.live{color:#78f0bf;border-color:#2b735e;background:#173b37}.profile{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;border:1px solid #36445f;background:linear-gradient(115deg,#1e2b42,#1b263d);box-shadow:0 10px 32px #060d2280}.profile-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#4f77ff,#8b49f3);font-weight:800;font-size:25px;flex-shrink:0}.profile-meta{flex:1;min-width:0}.profile-meta small{display:block;font-size:9px;color:#8fa3c6;letter-spacing:1px;font-weight:800;margin-bottom:5px}.profile-meta strong{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta span{display:block;font-size:11px;margin-top:4px;color:#91a3c5;overflow-wrap:anywhere}.verified{color:#72d7b9;background:#254b4b;border-radius:9px;padding:7px}.app-hero{position:relative;margin:16px 0 27px;min-height:192px;overflow:hidden;background:linear-gradient(116deg,#294caa,#4f2aa0 75%,#6131ba);border:1px solid #5964c4;border-radius:22px;padding:23px 22px;box-shadow:0 18px 38px #1211576b}.app-hero:after{content:'';position:absolute;right:-65px;top:-75px;width:210px;height:210px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 38px #ffffff0a,0 0 0 76px #ffffff07}.app-hero span{display:block;font-size:9px;color:#ccdcff;font-weight:800;letter-spacing:1.5px}.app-hero h1{font-size:28px;letter-spacing:-1.3px;line-height:1.12;margin:14px 0 10px}.app-hero p{max-width:245px;font-size:11px;color:#dce3ff;line-height:1.6;margin:0}.hero-orb{font-size:60px;position:absolute;right:23px;top:51px;color:#e1e7ff;filter:drop-shadow(0 10px 14px #212360)}.subhead{display:flex;align-items:center;justify-content:space-between;color:#a8b8d5;font-size:10px;font-weight:800;letter-spacing:1.1px;margin:23px 0 12px}.subhead span{color:#667eaa;font-size:9px}.service{width:100%;display:flex;gap:14px;align-items:center;text-align:left;border:1px solid #34415a;border-radius:19px;background:#1c283d;color:#f5f6ff;padding:16px 14px;margin:11px 0;min-height:99px}.service:active,.tool-grid button:active{transform:scale(.98)}.service-icon{height:59px;width:59px;border-radius:16px;display:grid;place-items:center;font-size:31px;color:white;flex-shrink:0}.service-icon.blue{background:linear-gradient(135deg,#3f70ff,#7c3dec)}.service-icon.green{background:linear-gradient(135deg,#05a9b5,#0aab76)}.service-text{flex:1;min-width:0}.service-text strong{display:block;font-size:17px}.service-text small{display:block;color:#9dabca;margin-top:5px;font-size:11px;line-height:1.5}.service>b{font-size:26px;font-weight:400;color:#7c91b6}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tool-grid button{background:#1b283e;border:1px solid #34415b;color:#fff;border-radius:16px;min-height:116px;text-align:left;padding:17px}.tool-grid span,.tool-grid strong,.tool-grid small{display:block}.tool-grid span{font-size:25px;margin-bottom:8px}.tool-grid strong{font-size:13px}.tool-grid small{font-size:10px;color:#90a3c5;margin-top:5px}.tip{padding:15px 14px;background:#26253f;border:1px solid #4a426c;border-radius:14px;margin-top:19px;color:#d5ccff;font-size:11px;line-height:1.6}.view{display:none}.view.active{display:block}.inner-title{display:flex;align-items:center;gap:13px;margin:14px 0 22px}.back{width:43px;height:43px;color:#f0f3ff;background:#1f2c43;border:1px solid #3d4b68;border-radius:13px;font-size:27px}.inner-title small{display:block;color:#8298c0;font-size:10px;font-weight:800;letter-spacing:1px}.inner-title h2{font-size:21px;margin:4px 0 0;letter-spacing:-.6px}.panel{border:1px solid #3b4863;background:#1b283f;padding:19px;border-radius:19px;margin:13px 0}.panel h3{font-size:15px;margin:0 0 10px}.panel p{color:#a7b6d1;font-size:12px;line-height:1.75}.field{display:block;font-size:11px;color:#b2c1dd;font-weight:700;margin:14px 0}.field input,.field textarea{display:block;width:100%;padding:14px;margin-top:8px;background:#2a3850;border:1px solid #465774;border-radius:12px;color:#f2f4ff;font-size:13px;outline:none}.field textarea{min-height:105px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#788ba9}.primary{display:block;width:100%;border:0;background:linear-gradient(100deg,#3976f3,#7c3dee);color:#fff;border-radius:13px;padding:15px;font-weight:800;margin-top:15px}.secondary{border:1px solid #415478;border-radius:12px;color:#d9e6ff;background:#263b5c;padding:12px;font-weight:700}.secondary.full{width:100%}.radio-row{display:flex;gap:9px;flex-wrap:wrap}.radio-row button{padding:11px 14px;background:#2b3952;border:1px solid #4d5a76;color:#d8e5ff;border-radius:22px;font-size:11px}.radio-row button.selected{background:linear-gradient(100deg,#3377fa,#7443eb);border-color:#7292ff;color:#fff}.document{position:relative;background:#fff;color:#202b42;border-radius:15px;padding:23px 19px;overflow:hidden;margin-top:15px}.document::before{content:'MẪU MINH HỌA';position:absolute;font-weight:800;font-size:30px;color:#e73b5040;transform:rotate(-27deg);left:-10px;top:44%;pointer-events:none}.document h3{margin:0 0 5px;text-align:center}.document .doc-sub{text-align:center;color:#d82d55;font-size:11px;font-weight:800}.document .doc-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e2e7ee;padding:11px 0;font-size:12px}.document .doc-line b{text-align:right}.document footer{color:#6e778b;font-size:9px;line-height:1.5;margin-top:18px}.notice{padding:13px;background:#283254;border:1px solid #475687;color:#d5d8ff;border-radius:12px;font-size:11px;line-height:1.7;margin:14px 0}.notice.error{background:#452637;color:#ffd6e4;border-color:#764056}.notice.good{background:#1f443c;color:#c3ffe5;border-color:#2e705f}.list-row{padding:14px;background:#202e46;border:1px solid #34435e;border-radius:13px;margin:9px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}.list-row strong{font-size:12px}.list-row small{display:block;color:#9aabc6;font-size:11px;margin-top:5px;line-height:1.4}.status{font-size:10px;font-weight:800;border-radius:20px;padding:6px 9px;white-space:nowrap;background:#54472c;color:#ffe7a9}.status.approved{background:#1a4d40;color:#c2ffe4}.status.rejected{background:#513043;color:#ffd0db}.pill-link{background:#2e5090;border-radius:9px;color:#d8ebff;text-decoration:none;padding:9px 11px;white-space:nowrap;font-size:11px}.info-card{background:#202d44;border:1px solid #35435e;border-radius:16px;padding:17px;margin:16px 0;color:#aab8d2;font-size:12px;line-height:1.8}.big{margin-top:20px}.mobile-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;display:flex;justify-content:space-around;background:#131e33ee;backdrop-filter:blur(12px);border-top:1px solid #344059;padding:10px 4px max(11px,env(safe-area-inset-bottom));z-index:4}.mobile-nav button{border:0;background:transparent;color:#8396b7;display:grid;justify-items:center;gap:5px;min-width:64px}.mobile-nav button span{font-size:24px;line-height:1}.mobile-nav button small{font-size:10px}.mobile-nav button.active{color:#9db9ff}.toast{display:none;position:fixed;bottom:90px;max-width:480px;left:50%;transform:translateX(-50%);width:90%;padding:14px;border-radius:13px;background:#313e5e;color:#fff;box-shadow:0 20px 40px #020717cc;z-index:10;font-size:12px;text-align:center}.muted{text-align:center;color:#91a4c4;font-size:12px;padding:10px}.ref-link{padding:12px;word-break:break-all;font-size:11px;color:#bed7ff;background:#233754;border-radius:11px}.count{font-size:45px;color:#c6d8ff;font-weight:800;margin:8px 0}@media print{.mobile-nav,.app-header,.inner-title,.no-print,.panel>h3,.panel>p{display:none!important}body{background:#fff}#app{padding:0}.document{box-shadow:none;border:2px solid #222}}