.ffr-box,.ffr-panel,.ffr-state-card,.ffr-case-summary,.ffr-admin-note{font-family:inherit}
.ffr-alert{margin:0 0 22px;padding:15px 18px;border-radius:12px;font-weight:700;border:1px solid rgba(255,255,255,.12)}
.ffr-alert-success{background:rgba(44,205,117,.12);border-color:rgba(44,205,117,.35);color:#99f0bd}.ffr-alert-error{background:rgba(255,73,73,.1);border-color:rgba(255,73,73,.35);color:#ffb2b2}
.ffr-auth-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.ffr-auth-shell{max-width:640px;margin:auto}.ffr-panel{background:linear-gradient(145deg,rgba(23,28,38,.98),rgba(12,15,21,.98));border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.22)}.ffr-panel h3,.ffr-state-card h3{margin:8px 0 10px;font-size:26px}.ffr-panel>p,.ffr-state-card>p{color:#9da7b6;line-height:1.7}.ffr-kicker{display:inline-block;color:#ffb300;font-size:11px;font-weight:900;letter-spacing:1.8px}.ffr-step-badge{display:inline-flex;padding:7px 10px;border-radius:8px;background:#ffb300;color:#17120a;font-size:11px;font-weight:1000;letter-spacing:1px}
.ffr-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px}.ffr-form label{display:flex;flex-direction:column;gap:7px;color:#dce2eb;font-size:13px;font-weight:700}.ffr-form input,.ffr-form select{width:100%;height:50px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#0b0e14;color:#fff;padding:0 14px;outline:none}.ffr-form input[type=file]{height:auto;padding:13px}.ffr-form input:focus,.ffr-form select:focus{border-color:rgba(255,179,0,.8);box-shadow:0 0 0 3px rgba(255,179,0,.08)}.ffr-form .ffr-safe-note,.ffr-form button{grid-column:1/-1}.ffr-safe-note{margin:2px 0 0;padding:12px 14px;border-radius:10px;background:rgba(255,179,0,.07);border:1px solid rgba(255,179,0,.16);color:#bfc7d3!important;font-size:12px;line-height:1.6!important}.ffr-btn{min-height:50px;border:0;border-radius:11px;padding:0 20px;font-weight:900;cursor:pointer}.ffr-btn:disabled{opacity:.65;cursor:wait}.ffr-btn-primary{background:linear-gradient(135deg,#ffc400,#ff8a00);color:#16110a}.ffr-btn-dark{background:#232a36;color:#fff;border:1px solid rgba(255,255,255,.09)}.ffr-inline-form{margin-top:12px}.ffr-link-btn{background:none;border:0;color:#ffbd24;padding:0;font-weight:800;cursor:pointer}
.ffr-dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:24px}.ffr-dashboard-head h3{font-size:34px;margin:7px 0}.ffr-dashboard-head p{color:#99a3b2;margin:0}.ffr-logout{font-size:13px;color:#d6dde8;border:1px solid rgba(255,255,255,.11);padding:10px 14px;border-radius:10px}.ffr-case-summary{display:grid;grid-template-columns:.6fr .8fr 1.8fr;gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;margin-bottom:18px}.ffr-case-summary>div{padding:17px 18px;background:#10141c}.ffr-case-summary span{display:block;color:#768192;font-size:10px;font-weight:900;letter-spacing:1.3px;margin-bottom:7px}.ffr-case-summary strong{font-size:14px;color:#fff}
.ffr-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0 0 24px}.ffr-timeline-item{position:relative;min-height:92px;padding:13px 10px;border:1px solid rgba(255,255,255,.08);background:#0f131a;border-radius:12px;color:#697484}.ffr-timeline-item i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#202631;font-style:normal;font-size:11px;font-weight:900;margin-bottom:9px}.ffr-timeline-item span{font-size:11px;line-height:1.35;font-weight:800}.ffr-timeline-item.done{color:#8fe2ae;border-color:rgba(44,205,117,.22)}.ffr-timeline-item.done i{background:#2ccd75;color:#07130b}.ffr-timeline-item.current{color:#ffd36a;border-color:rgba(255,179,0,.35);background:rgba(255,179,0,.06)}.ffr-timeline-item.current i{background:#ffb300;color:#17120a}
.ffr-admin-note{margin:0 0 20px;padding:17px 18px;background:#121721;border-left:3px solid #ffb300;border-radius:10px}.ffr-admin-note strong{color:#ffca4d}.ffr-admin-note p{margin:8px 0 0;color:#c2cad5;line-height:1.65}.ffr-state-card{padding:28px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#11161e}.ffr-state-card.pending{border-color:rgba(255,179,0,.2);background:linear-gradient(145deg,rgba(255,179,0,.07),rgba(17,22,30,.98))}.ffr-state-card.success{border-color:rgba(44,205,117,.3);background:linear-gradient(145deg,rgba(44,205,117,.09),rgba(17,22,30,.98))}.ffr-state-card.danger{border-color:rgba(255,73,73,.25);background:linear-gradient(145deg,rgba(255,73,73,.08),rgba(17,22,30,.98))}.ffr-success-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#2ccd75;color:#07130b;font-size:25px;font-weight:1000}.ffr-state-card small{display:block;color:#778292;margin-top:14px;line-height:1.6}
.ffr-search{padding:24px;border-radius:18px;background:#131821;border:1px solid rgba(255,255,255,.08)}.ffr-search>label{display:block;font-weight:800;margin-bottom:10px}.ffr-input-row{display:grid;grid-template-columns:1fr auto;gap:10px}.ffr-input-row input{height:52px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#090c11;color:#fff;padding:0 15px}.ffr-input-row button{border:0;border-radius:11px;padding:0 22px;background:linear-gradient(135deg,#ffc400,#ff8a00);font-weight:900;color:#16110a}.ffr-help{color:#778291;font-size:12px;margin:11px 0 0}.ffr-result,.ffr-result-card{margin-top:16px}.ffr-result{display:flex;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#11161e}.ffr-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,73,73,.12);display:grid;place-items:center;color:#ff7676;font-weight:900}.ffr-result h3{margin:0 0 5px}.ffr-result p{margin:0;color:#929dab}.ffr-result-card{padding:24px;border-radius:18px;background:#121720;border:1px solid rgba(255,255,255,.08)}.ffr-profile-head{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.ffr-profile-head img,.ffr-avatar{width:72px;height:72px;border-radius:16px;object-fit:cover}.ffr-avatar{display:grid;place-items:center;background:#222a36;color:#ffb300;font-weight:900}.ffr-profile-head h3{margin:4px 0}.ffr-profile-head p{margin:0;color:#8f9aa9}.ffr-status{padding:9px 12px;border-radius:9px;background:rgba(255,179,0,.1);color:#ffc84d;font-size:12px;font-weight:900}.ffr-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.ffr-data-grid>div{padding:14px;background:#0b0e14;border-radius:10px}.ffr-data-grid span,.ffr-notes span{display:block;color:#748091;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.ffr-notes{margin-top:12px;padding:14px;background:#0b0e14;border-radius:10px}.ffr-notes p{margin:0;color:#c0c8d3;line-height:1.6}
@media(max-width:800px){.ffr-auth-grid{grid-template-columns:1fr}.ffr-form{grid-template-columns:1fr}.ffr-form .ffr-safe-note,.ffr-form button{grid-column:auto}.ffr-case-summary{grid-template-columns:1fr}.ffr-timeline{grid-template-columns:repeat(2,1fr)}.ffr-dashboard-head{align-items:flex-start;flex-direction:column}.ffr-data-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.ffr-panel,.ffr-state-card{padding:20px}.ffr-timeline{grid-template-columns:1fr 1fr}.ffr-input-row{grid-template-columns:1fr}.ffr-input-row button{height:50px}.ffr-profile-head{grid-template-columns:auto 1fr}.ffr-status{grid-column:1/-1}.ffr-data-grid{grid-template-columns:1fr}}
/* v3.0 login-free case portal */
.ffr-timeline{grid-template-columns:repeat(7,1fr)}
.ffr-auth-grid .ffr-panel{min-height:100%}
.ffr-auth-grid .ffr-form button{align-self:end}
.ffr-panel strong{color:#fff}
@media(max-width:1000px){.ffr-timeline{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.ffr-timeline{grid-template-columns:repeat(2,1fr)}}