body{margin:0}
.pg{box-sizing:border-box;width:2160px;height:1000px;background:#FFD91A;padding:40px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0B3350}
.rw{display:flex;gap:32px;align-items:flex-start}
.cl{display:flex;flex-direction:column;gap:14px;font-weight:800;font-size:28px;align-items:center;width:320px}
.ph{position:relative;width:320px;height:760px;background:#EAF6FD;border-radius:34px;overflow:hidden;display:flex;flex-direction:column;font-size:12px;line-height:1.35;font-weight:400;box-shadow:0 18px 40px #0B335055}
.hd{background:linear-gradient(150deg,#0B3350,#1186B5);color:#fff;padding:20px 16px 44px;border-radius:0 0 0 0}
.hr{display:flex;align-items:center;justify-content:space-between;gap:8px}.hr img{width:36px;height:36px;border-radius:50%;background:#fff}
.hr b{font-size:15px;flex:1;margin-left:8px;font-weight:700}.hr b small{display:block;font-size:10px;font-weight:400;opacity:.9}
.pl{background:#FFD91A;color:#0B3350;border-radius:99px;padding:5px 11px;font-weight:800;font-size:11px}
.hd h2{margin:14px 0 0;font-size:21px;line-height:1.2;font-weight:700}.hd h2 em{font-style:normal;color:#FFD91A}.hd p{margin:6px 0 0;font-size:11px}.hd .big{font-size:28px;font-weight:800;margin-top:2px}
.mn{flex:1;margin:-28px 12px 0;display:flex;flex-direction:column;gap:9px;min-height:0}
.cd{background:#fff;border:2px solid #BFE3F3;border-radius:16px;padding:11px}.cd h3{margin:0 0 6px;font-size:14px}
.rr{display:flex;justify-content:space-between;align-items:center;gap:8px}.cd .rr+.rr{border-top:1px solid #D5EBF5;margin-top:7px;padding-top:7px}
.k{color:#3E5668;font-size:11px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.g2 .cd{margin:0}.g2 .cd b{font-size:24px;display:block}
.tg{border-radius:99px;padding:3px 10px;font-weight:700;font-size:10px;white-space:nowrap}
.ok{background:#D7F2DE;color:#1B6B34}.no{background:#FFE3DC;color:#9A2A15}.wt{background:#FFF0B8;color:#6B4F00}.al{border-color:#E8A090;background:#FFF5F2}
.bt{border:0;background:#FFD91A;color:#0B3350;font-family:inherit;font-weight:800;font-size:12px;border-radius:99px;padding:9px 14px;min-height:40px}
.bo{background:#fff;border:2px solid #0B3350}.sm{padding:5px 12px;min-height:32px;font-size:11px}.bd{display:flex;gap:8px;margin-top:8px}.bd .bt{flex:1}
.f{display:block;font-weight:700;font-size:11px;margin-top:7px}.f input{display:block;box-sizing:border-box;width:100%;margin-top:3px;border:2px solid #BFE3F3;background:#F5FBFE;border-radius:12px;padding:9px;font-family:inherit;font-size:12px;color:#0B3350}
.up{border:2px dashed #117AA8;border-radius:12px;padding:12px;text-align:center;font-weight:700;display:flex;gap:6px;justify-content:center;align-items:center}
.lv{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1B9A4A;margin-right:6px}
.ch{display:flex;gap:7px}.ch span{border:2px solid #BFE3F3;background:#fff;border-radius:99px;padding:5px 13px;font-weight:700;font-size:11px}.ch .on{background:#FFD91A;border-color:#FFD91A}
.cam{background:#0B3350;color:#fff;border-radius:20px;padding:16px;text-align:center;font-weight:700;font-size:11px}.cam i{display:block;width:130px;height:130px;border:4px solid #FFD91A;border-radius:22px;margin:0 auto 10px}
.sv{display:flex;gap:8px;align-items:center;background:#fff;border:2px solid #BFE3F3;border-radius:14px;padding:8px}.sv b{display:block;font-size:12px}.sv span{font-size:10px;color:#3E5668}
.i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.c1{background:#D8F0FA;color:#117AA8}.c2{background:#FFF0B8;color:#8A6A00}.c3{background:#EBDDFB;color:#7A2FD0}.c4{background:#D7F2DE;color:#1B6B34}.c5{background:#E3E8EC;color:#3E5668}
.qa{display:flex;justify-content:space-between}.qa div{text-align:center;font-weight:700;font-size:9px;width:54px}.qa .i{width:42px;height:42px;border-radius:14px;margin:0 auto 4px}
.av{width:36px;height:36px;border-radius:50%;background:#D8F0FA;color:#117AA8;display:grid;place-items:center;flex:none}
.nv{display:flex;background:#fff;padding:8px 6px 12px;border-radius:22px 22px 0 0}.nv a{flex:1;text-align:center;padding:7px 0 5px;border-radius:14px;font-weight:700;font-size:10px;color:#3E5668;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px}.nv .on{background:#D8F0FA;color:#0B3350}
.fab{position:absolute;right:14px;bottom:84px;box-shadow:0 6px 14px #0B335044;display:flex;gap:6px;align-items:center}
.idc{background:#fff;border:2px solid #BFE3F3;border-radius:18px;overflow:hidden}.idc .top{background:#8FE6FF;padding:8px 12px;display:flex;gap:8px;align-items:center;font-weight:800;font-size:11px;border-bottom:3px solid #0B3350}.idc .top img{width:26px;height:26px;border-radius:50%}
.bar{height:7px;background:#E3EEF3;border-radius:9px;overflow:hidden;margin:3px 0 8px}.bar i{display:block;height:100%}
.bn{position:relative;overflow:hidden;background:#0B3350;color:#fff;border-radius:18px;padding:14px 14px 12px}.bn>*{position:relative}.bn>img{position:absolute;right:-28px;top:-12px;width:132px;height:132px;opacity:.3;border-radius:50%}
.bn .lb{color:#FFD91A;font-weight:800;font-size:10px}.bn .tt{font-size:17px;font-weight:700;margin:3px 0 5px;max-width:190px;line-height:1.2}.bn .mt{font-size:11px}.bn .bt{margin-top:9px}
.dots{display:flex;gap:5px;justify-content:center}.dots i{width:6px;height:6px;border-radius:50%;background:#BFE3F3}.dots i:first-child{width:26px;background:#117AA8;border-radius:9px}
.dt{width:44px;border-radius:12px;text-align:center;padding:5px 0;font-weight:800;line-height:1.1;flex:none}.dt b{font-size:17px;display:block}.dt span{font-size:9px}
.ev{display:flex;gap:10px;align-items:center;background:#fff;border:2px solid #BFE3F3;border-radius:14px;padding:8px}.ev small{display:inline-block;border-radius:99px;padding:1px 8px;font-size:9px;font-weight:700}
html,body{margin:0;min-height:100%}html{background:#0B3350}body{background:#0B3350;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0B3350}
#app{max-width:480px;min-height:100vh;margin:0 auto;background:#EAF6FD;position:relative;padding-bottom:calc(90px + env(safe-area-inset-bottom));font-size:13px;line-height:1.35}
.hd{padding-top:calc(20px + env(safe-area-inset-top))}.hd h2 span{font-size:inherit}
.mn{margin:-28px 14px 0;display:flex;flex-direction:column;gap:10px}
.nv{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);box-sizing:border-box;box-shadow:0 -4px 18px #0B335033;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:5}
.fab{position:fixed;right:max(14px,calc(50% - 226px));bottom:calc(92px + env(safe-area-inset-bottom));z-index:6}
a.sv{text-decoration:none;color:inherit}button{cursor:pointer}[role=button]{cursor:pointer}
dialog{border:0;border-radius:20px;padding:18px;width:min(440px,92vw);max-height:86vh;overflow:auto;color:#0B3350}dialog::backdrop{background:#0008}
.err{color:#9A2A15;font-size:12px;min-height:16px;margin-top:6px}
.login{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px;box-sizing:border-box;background:linear-gradient(160deg,#0B3350,#1186B5 55%,#EAF6FD 55%)}
.login .top{text-align:center;color:#fff}.login .top img{width:84px;height:84px;border-radius:50%;background:#fff;margin-bottom:8px}
select{width:100%;box-sizing:border-box;border:2px solid #BFE3F3;background:#F5FBFE;border-radius:12px;padding:9px;font-family:inherit;font-size:12px;color:#0B3350;margin-top:3px}
.bd input{margin:0}video{width:100%;max-height:230px;object-fit:cover;border-radius:14px;background:#06202f}.poster{width:100%;border-radius:12px;margin-top:8px}
.bt:disabled{opacity:.6}