.rolechip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer}
.rolechip svg{width:14px;height:14px}
.topr{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.kv{display:flex;justify-content:space-between;font-size:13.5px;padding:7px 0;border-bottom:1px solid var(--line)}.kv:last-child{border:0}.kv span:first-child{color:var(--mut)}.kv b{font-weight:700}
.rt{font-size:12px;color:var(--mut);margin-top:2px}
.sel{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:0 12px;margin-bottom:14px}.sel select{flex:1;border:0;outline:0;padding:13px 0;font:600 15px Inter;background:none}
.dr{background:#fff;border-radius:18px;padding:14px;margin-bottom:12px;box-shadow:var(--sh1);border:1px solid rgba(231,236,234,.7)}
.dr.flag{border:1.5px solid #F4B4AE;background:#FFF8F7}
.dr .nm{font-weight:800;font-size:15px}.dr .mt{font-size:12.5px;color:var(--mut);margin-top:2px}
.dr .amt{font:800 22px 'Plus Jakarta Sans';letter-spacing:-.5px}
.flagt{display:flex;gap:6px;align-items:flex-start;color:#B3261E;font-size:12px;font-weight:600;margin-top:10px;line-height:1.35}.flagt svg{width:15px;height:15px;flex:none;margin-top:1px}
.acts{display:flex;gap:8px;margin-top:12px}.acts button{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:9px 6px;font:700 12.5px Inter;color:var(--ink2);cursor:pointer;display:flex;gap:5px;align-items:center;justify-content:center}
.acts button svg{width:15px;height:15px}.acts button.pri{background:var(--al);border-color:var(--al);color:var(--a)}.acts button:disabled{opacity:.45}
.paidb{display:inline-flex;gap:4px;align-items:center;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:var(--al);color:var(--a)}
.sum2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}.sum2 div{background:#fff;border-radius:14px;padding:11px;box-shadow:var(--sh1)}.sum2 b{display:block;font:800 18px 'Plus Jakarta Sans'}.sum2 span{font-size:11px;color:var(--mut);font-weight:600}
.bigacts{display:flex;gap:10px;margin:4px 0 16px}.bigacts .btn{padding:14px;font-size:14px}
.dayrow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}.dayrow:last-child{border:0}
.dayrow .d1{font-weight:700}.dayrow .d2{font-size:11.5px;color:var(--mut)}
.bars{display:flex;align-items:flex-end;gap:10px;height:130px;padding-top:10px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--mut);font-weight:600}
.bars i{display:block;width:100%;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--a2),var(--a))}.bars .cur i{background:linear-gradient(180deg,#FFB547,#F59E0B)}
.pv{border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:left;margin-bottom:16px;font-size:12px}
.pv .ph{background:#0F1A17;color:#fff;padding:12px 14px;border-bottom:4px solid var(--a2)}.pv .ph b{font-size:13px;letter-spacing:.06em}.pv .ph div{font-size:11px;opacity:.75;margin-top:2px}
.pv table{width:100%;border-collapse:collapse}.pv th{background:var(--a);color:#fff;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;padding:6px;text-align:right}.pv th:first-child,.pv td:first-child{text-align:left}
.pv td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:right}.pv .tot td{background:var(--al);font-weight:800}
.pv .due{display:flex;justify-content:space-between;align-items:center;background:#0F1A17;color:#fff;padding:10px 14px}.pv .due b{font-size:18px}
.modal{text-align:left}.modal h2{text-align:left}.warnbox{display:flex;gap:10px;background:#FFF5E6;border:1px solid #FBD9A8;color:#7A4A00;border-radius:14px;padding:12px;font-size:12.5px;line-height:1.45;margin-bottom:14px}.warnbox svg{width:18px;height:18px;flex:none}
.cklist{margin-bottom:14px}.cklist .kv b{font-size:13px}
.confirm-in{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;margin-bottom:16px}.confirm-in input{width:20px;height:20px;accent-color:var(--a)}
.btn.danger{background:linear-gradient(180deg,#14B88F,#185A9D)}.btn:disabled{opacity:.45;box-shadow:none}
.btnrow{display:flex;gap:10px}.btnrow .btn{flex:1}
.ratecard{background:linear-gradient(150deg,#2A74C0,#0F3D6E);color:#fff;border-radius:20px;padding:16px;margin-bottom:14px;box-shadow:var(--sh2)}
.ratecard .rr{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:13px}.ratecard .rr:last-child{border:0}.ratecard small{opacity:.75}
.docx{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px}.docx:last-child{border:0}
.exp{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}.exp.ok{background:var(--al);color:var(--a)}.exp.soon{background:#FFF3DB;color:#92600A}
.login .lg{display:flex;align-items:center;gap:10px;margin:26px 0 30px}.login .lg b{font:800 20px 'Plus Jakarta Sans'}.login .lg span{display:block;font:700 11px Inter;color:var(--mut);letter-spacing:1px;text-transform:uppercase}
.codebox{display:flex;gap:8px;justify-content:space-between;margin:6px 0 16px}.codebox input{width:48px;height:58px;text-align:center;font:800 22px 'Plus Jakarta Sans';border:1.5px solid var(--line);border-radius:14px;background:#fff}
.demo{display:flex;gap:8px;margin-top:16px}.demo button{flex:1;border:1.5px dashed var(--line);background:#fff;border-radius:12px;padding:10px;font:600 12.5px Inter;color:var(--ink2);cursor:pointer}
.link{color:var(--a);font-weight:700;font-size:13px;text-decoration:none;display:inline-flex;gap:4px;align-items:center}
.sheet .in{max-height:92%;overflow-y:auto}
body.shot .sheet .in,body.shot .sheet{transition:none!important}
.wkp .sel{margin:0;border:1px solid var(--line)}.wkb{height:48px;display:flex;align-items:center;justify-content:center}
.seg{margin-bottom:0}
.confirm-in{text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink);font-weight:600}

.ordiv{display:flex;align-items:center;gap:10px;margin:16px 0 12px;color:var(--mut);font:600 12px Inter}.ordiv:before,.ordiv:after{content:"";flex:1;height:1px;background:var(--line)}
.gsi{display:flex;justify-content:center;min-height:44px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:12px;font:600 14.5px Inter;color:var(--ink);cursor:pointer}