/* ======================================== */
/* Freelance Booster — Frontend Design     */
/* Font: Plus Jakarta Sans + DM Serif      */
/* ======================================== */

:root{--fb-p:#6c5ce7;--fb-p2:#a855f7;--fb-s:#00cec9;--fb-ok:#00b894;--fb-warn:#f59e0b;--fb-bad:#ef4444;--fb-dark:#0f172a;--fb-text:#334155;--fb-muted:#94a3b8;--fb-border:#e2e8f0;--fb-bg:#f8fafc;--fb-card:#ffffff;--fb-r:14px;--fb-shadow:0 1px 3px rgba(0,0,0,0.04),0 4px 16px rgba(0,0,0,0.04);}

*,*::before,*::after{box-sizing:border-box;}

/* ===== Auth Pages (Register/Login) ===== */
.fb-auth-page{font-family:'Plus Jakarta Sans',sans-serif;margin:-40px -40px 0;min-height:100vh;}
.fb-auth-split{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;}

.fb-auth-hero{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#6c5ce7 100%);color:#fff;display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden;}
.fb-auth-hero::before{content:'';position:absolute;top:-50%;right:-30%;width:80%;height:200%;background:radial-gradient(circle,rgba(168,85,247,0.15) 0%,transparent 70%);pointer-events:none;}
.fb-auth-hero-content{position:relative;z-index:1;max-width:480px;}
.fb-auth-logo{font-size:18px;font-weight:700;margin-bottom:32px;letter-spacing:-0.5px;}
.fb-auth-hero h1{font-family:'DM Serif Display',serif;font-size:48px;line-height:1.15;margin:0 0 20px;font-weight:400;}
.fb-auth-hero p{font-size:17px;line-height:1.7;opacity:0.85;margin:0 0 32px;}
.fb-auth-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.fb-auth-feat{background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;}
.fb-auth-feat span{margin-right:8px;}
.fb-auth-testimonial{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;margin-top:32px;}
.fb-auth-testimonial p{font-style:italic;font-size:15px;line-height:1.7;margin:0 0 16px;opacity:0.9;}
.fb-auth-testimonial-author strong{display:block;font-size:14px;}
.fb-auth-testimonial-author span{font-size:13px;opacity:0.7;}

.fb-auth-form-side{display:flex;align-items:center;justify-content:center;padding:60px;background:var(--fb-bg);}
.fb-auth-form-wrap{width:100%;max-width:440px;}
.fb-auth-form-wrap h2{font-family:'DM Serif Display',serif;font-size:32px;margin:0 0 8px;color:var(--fb-dark);}
.fb-auth-subtitle{color:var(--fb-muted);font-size:15px;margin:0 0 32px;}

/* Form Elements */
.fb-auth-form{display:flex;flex-direction:column;gap:18px;}
.fb-field{display:flex;flex-direction:column;gap:6px;}
.fb-field label{font-size:13px;font-weight:600;color:var(--fb-dark);}
.fb-field .req{color:var(--fb-bad);}
.fb-field input,.fb-field select,.fb-field textarea,.fb-input{width:100%;padding:12px 16px;border:2px solid var(--fb-border);border-radius:10px;font-size:14px;font-family:'Plus Jakarta Sans',sans-serif;color:var(--fb-dark);background:#fff;transition:all 0.2s;outline:none;}
.fb-field input:focus,.fb-field select:focus,.fb-field textarea:focus,.fb-input:focus{border-color:var(--fb-p);box-shadow:0 0 0 4px rgba(108,92,231,0.08);}
.fb-textarea{min-height:100px;resize:vertical;}
.fb-field-help{font-size:12px;color:var(--fb-muted);margin-top:2px;}
.fb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.fb-field-row-3{grid-template-columns:1fr 1fr 1fr;}
.fb-form-error{color:var(--fb-bad);font-size:13px;font-weight:600;display:none;padding:10px 16px;background:#fef2f2;border-radius:8px;}
.fb-form-error.visible{display:block;}

.fb-auth-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--fb-p),var(--fb-p2));color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:all 0.2s;}
.fb-auth-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(108,92,231,0.3);}
.fb-auth-btn:active{transform:translateY(0);}
.fb-auth-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
.fb-auth-switch{text-align:center;font-size:14px;color:var(--fb-muted);margin-top:24px;}
.fb-auth-switch a{color:var(--fb-p);font-weight:600;text-decoration:none;}

/* ===== Payment Page ===== */
.fb-payment-page{font-family:'Plus Jakarta Sans',sans-serif;padding:40px 20px;min-height:100vh;background:var(--fb-bg);}
.fb-payment-container{max-width:900px;margin:0 auto;}
.fb-payment-header{text-align:center;margin-bottom:40px;}
.fb-payment-header h1{font-family:'DM Serif Display',serif;font-size:36px;margin:0 0 12px;color:var(--fb-dark);}
.fb-payment-header p{font-size:16px;color:var(--fb-muted);}
.fb-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.fb-payment-card{background:#fff;border-radius:var(--fb-r);padding:32px;box-shadow:var(--fb-shadow);border:1px solid var(--fb-border);}
.fb-payment-card h3{margin:0 0 20px;font-size:17px;color:var(--fb-dark);}
.fb-bank-details{display:flex;flex-direction:column;gap:0;}
.fb-bank-row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f5f9;}
.fb-bank-row:last-child{border:none;}
.fb-bank-label{font-size:13px;color:var(--fb-muted);}
.fb-bank-value{font-size:14px;font-weight:700;color:var(--fb-dark);}
.fb-bank-copy{cursor:pointer;}
.fb-bank-copy small{color:var(--fb-p);font-weight:500;font-size:12px;}
.fb-bank-amount{font-size:24px;color:var(--fb-p);}
.fb-bank-row-highlight{background:#f0eeff;margin:8px -16px;padding:14px 16px;border-radius:8px;border:none;}
.fb-payment-pending{text-align:center;max-width:500px;margin:60px auto;}
.fb-payment-icon{font-size:64px;margin-bottom:20px;}
.fb-payment-status-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:700;margin:16px 0;}
.fb-payment-status-badge.pending{background:#fff7ed;color:#c2410c;}
.fb-payment-help{font-size:13px;color:var(--fb-muted);margin-top:24px;}
.fb-payment-features{margin-top:40px;text-align:center;}
.fb-payment-features h3{font-family:'DM Serif Display',serif;font-size:24px;margin-bottom:20px;}
.fb-payment-features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.fb-payment-feat-item{background:#fff;padding:14px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--fb-border);}

/* ===== Dashboard App ===== */
.fb-app{font-family:'Plus Jakarta Sans',sans-serif;display:flex;min-height:100vh;background:var(--fb-bg);margin:-40px -40px 0;color:var(--fb-text);}

/* Sidebar */
.fb-sidebar{width:260px;background:var(--fb-dark);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform 0.3s;}
.fb-sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,0.06);}
.fb-sidebar-logo{font-size:28px;}
.fb-sidebar-brand{font-size:15px;font-weight:700;letter-spacing:-0.3px;}
.fb-sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;}
.fb-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;color:rgba(255,255,255,0.6);text-decoration:none;font-size:13.5px;font-weight:500;transition:all 0.15s;margin-bottom:2px;}
.fb-nav-item:hover{color:#fff;background:rgba(255,255,255,0.06);}
.fb-nav-item.active{color:#fff;background:linear-gradient(135deg,rgba(108,92,231,0.3),rgba(168,85,247,0.2));font-weight:600;}
.fb-nav-icon{font-size:18px;width:24px;text-align:center;}
.fb-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(255,255,255,0.06);}
.fb-sidebar-user{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.fb-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--fb-p),var(--fb-p2));display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0;}
.fb-avatar-sm{width:32px;height:32px;font-size:13px;}
.fb-sidebar-name{font-size:13px;font-weight:600;}
.fb-sidebar-level{font-size:11px;margin-top:2px;}
.fb-logout-btn{display:block;text-align:center;padding:8px;border-radius:8px;font-size:12px;color:rgba(255,255,255,0.5);text-decoration:none;border:1px solid rgba(255,255,255,0.08);transition:all 0.2s;}
.fb-logout-btn:hover{color:#fff;border-color:rgba(255,255,255,0.2);}

/* Mobile Header */
.fb-mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--fb-dark);color:#fff;z-index:99;padding:0 16px;align-items:center;justify-content:space-between;}
.fb-menu-toggle{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;}
.fb-mobile-brand{font-size:15px;font-weight:700;}

/* Main Content */
.fb-main{margin-left:260px;flex:1;padding:32px 40px 60px;min-height:100vh;}

/* Views */
.fb-view{display:none;animation:fbFadeIn 0.3s ease;}
.fb-view.active{display:block;}
@keyframes fbFadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

/* Page Header */
.fb-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;}
.fb-page-title{font-family:'DM Serif Display',serif;font-size:30px;margin:0 0 6px;color:var(--fb-dark);font-weight:400;}
.fb-page-desc{font-size:14px;color:var(--fb-muted);margin:0;}
.fb-header-level{flex-shrink:0;}
.fb-level-badge{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:700;}

/* Stat Cards */
.fb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;}
.fb-stat-card{background:#fff;border-radius:var(--fb-r);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--fb-shadow);border:1px solid var(--fb-border);}
.fb-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
.fb-stat-num{font-size:26px;font-weight:800;color:var(--fb-dark);line-height:1;}
.fb-stat-lbl{font-size:12px;color:var(--fb-muted);margin-top:4px;}

/* Tool Card */
.fb-tool-card{background:#fff;border-radius:var(--fb-r);padding:28px;margin-bottom:20px;box-shadow:var(--fb-shadow);border:1px solid var(--fb-border);}
.fb-tool-card h3{margin:0 0 16px;font-size:17px;color:var(--fb-dark);}

/* Home Cards */
.fb-home-card{background:#fff;border-radius:var(--fb-r);padding:24px;margin-bottom:20px;box-shadow:var(--fb-shadow);border:1px solid var(--fb-border);}
.fb-home-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.fb-home-card-header h3{margin:0;font-size:16px;color:var(--fb-dark);}
.fb-link{font-size:13px;color:var(--fb-p);text-decoration:none;font-weight:600;cursor:pointer;}

/* Idea Card */
.fb-idea-card{border-left:4px solid var(--fb-p);}
.fb-idea-title{font-size:20px;margin:0 0 8px;color:var(--fb-dark);}
.fb-idea-desc{font-size:14px;color:var(--fb-text);line-height:1.6;margin:0 0 12px;}
.fb-idea-meta{display:flex;gap:20px;font-size:13px;font-weight:600;color:var(--fb-muted);margin-bottom:12px;}
.fb-idea-tip{font-size:13px;background:#f8fafc;padding:12px 16px;border-radius:8px;margin:0;color:var(--fb-text);}
.fb-idea-featured{border-left:4px solid var(--fb-p);background:linear-gradient(135deg,#faf5ff,#fff);}
.fb-featured-badge{display:inline-block;background:linear-gradient(135deg,var(--fb-p),var(--fb-p2));color:#fff;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;margin-bottom:12px;}
.fb-idea-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.fb-idea-price{font-weight:700;color:var(--fb-p);font-size:14px;}
.fb-idea-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.fb-idea-item h4{font-size:16px;margin:0 0 6px;color:var(--fb-dark);}
.fb-idea-item p{font-size:13px;line-height:1.6;color:var(--fb-text);margin:0 0 8px;}

/* Quick Actions */
.fb-quick-actions{margin-bottom:28px;}
.fb-quick-actions h3{font-size:16px;margin:0 0 14px;color:var(--fb-dark);}
.fb-actions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.fb-action-card{background:#fff;border:2px solid var(--fb-border);border-radius:var(--fb-r);padding:20px 12px;text-align:center;cursor:pointer;transition:all 0.2s;font-family:inherit;}
.fb-action-card:hover{border-color:var(--fb-p);transform:translateY(-2px);box-shadow:0 4px 16px rgba(108,92,231,0.1);}
.fb-action-icon{display:block;font-size:28px;margin-bottom:8px;}
.fb-action-text{font-size:12px;font-weight:600;color:var(--fb-dark);}

/* Progress */
.fb-progress-bar{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-bottom:8px;}
.fb-progress-fill{height:100%;border-radius:4px;transition:width 0.5s ease;}
.fb-progress-text{font-size:13px;color:var(--fb-muted);}
.fb-badges-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.fb-badge-item{font-size:24px;cursor:default;}

/* Badges */
.fb-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;background:#f0eeff;color:var(--fb-p);}
.fb-badge-sm{padding:3px 8px;font-size:10px;}

/* Chips */
.fb-chips-wrap{display:flex;flex-wrap:wrap;gap:8px;}
.fb-chip{display:inline-flex;cursor:pointer;}
.fb-chip input{display:none;}
.fb-chip span{padding:7px 14px;border:2px solid var(--fb-border);border-radius:20px;font-size:12px;font-weight:500;color:var(--fb-text);transition:all 0.15s;}
.fb-chip input:checked+span{background:#f0eeff;border-color:var(--fb-p);color:var(--fb-p);font-weight:600;}
.fb-chip:hover span{border-color:var(--fb-p);}

/* Template Options */
.fb-template-options{display:flex;flex-wrap:wrap;gap:8px;}
.fb-template-opt{cursor:pointer;}
.fb-template-opt input{display:none;}
.fb-template-opt span{display:inline-block;padding:8px 16px;border:2px solid var(--fb-border);border-radius:10px;font-size:13px;font-weight:500;transition:all 0.15s;}
.fb-template-opt.active span,.fb-template-opt input:checked+span{background:#f0eeff;border-color:var(--fb-p);color:var(--fb-p);font-weight:600;}

/* Message Templates */
.fb-msg-section{margin-bottom:20px;}
.fb-msg-template{border:1px solid var(--fb-border);border-radius:10px;padding:16px;margin-bottom:12px;}
.fb-msg-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.fb-msg-name{font-size:14px;font-weight:700;color:var(--fb-dark);}
.fb-msg-body{font-size:13px;line-height:1.7;color:var(--fb-text);background:#f8fafc;padding:14px;border-radius:8px;max-height:200px;overflow-y:auto;white-space:pre-wrap;}

/* Copy Button */
.fb-copy-btn{padding:5px 14px;font-size:12px;font-weight:600;background:var(--fb-bg);border:1px solid var(--fb-border);border-radius:6px;cursor:pointer;color:var(--fb-text);font-family:inherit;transition:all 0.15s;}
.fb-copy-btn:hover{background:var(--fb-p);color:#fff;border-color:var(--fb-p);}
.fb-copy-btn.copied{background:var(--fb-ok);color:#fff;border-color:var(--fb-ok);}

/* Task Rows */
.fb-task-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:opacity 0.2s;}
.fb-task-row.completed{opacity:0.5;}
.fb-task-row input[type="checkbox"]{width:20px;height:20px;accent-color:var(--fb-p);cursor:pointer;}
.fb-task-text{flex:1;font-size:14px;}
.fb-task-row.completed .fb-task-text{text-decoration:line-through;}

/* Results Rendering (reuse admin JS classes with frontend styling) */
.fb-score-wrap{text-align:center;padding:20px;}
.fb-score-circle{width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 12px;border:5px solid var(--fb-border);}
.fb-score-number{font-size:38px;font-weight:800;line-height:1;}
.fb-score-label{font-size:11px;color:var(--fb-muted);}
.fb-score-grade{font-size:16px;font-weight:700;}

.fb-card{background:#fff;border-radius:var(--fb-r);padding:24px;margin-bottom:16px;box-shadow:var(--fb-shadow);border:1px solid var(--fb-border);}
.fb-card h3{margin:0 0 12px;font-size:16px;color:var(--fb-dark);}
.fb-grid{display:grid;gap:16px;}.fb-grid-2{grid-template-columns:1fr 1fr;}.fb-grid-3{grid-template-columns:1fr 1fr 1fr;}.fb-grid-4{grid-template-columns:repeat(4,1fr);}

.fb-rec{padding:14px;border-radius:8px;margin-bottom:10px;border-left:4px solid;}
.fb-rec-high{background:#fef2f2;border-color:var(--fb-bad);}.fb-rec-medium{background:#fffbeb;border-color:var(--fb-warn);}.fb-rec-low{background:#f0fdf4;border-color:var(--fb-ok);}
.fb-rec h4{margin:0 0 4px;font-size:13px;}.fb-rec p{margin:0 0 6px;font-size:13px;color:var(--fb-muted);}
.fb-rec .fb-rec-fix{font-size:13px;background:rgba(255,255,255,0.6);padding:8px 10px;border-radius:6px;}

.fb-tag{display:inline-block;padding:3px 10px;border-radius:16px;font-size:11px;font-weight:600;margin:2px;}
.fb-tag-high{background:#fef2f2;color:var(--fb-bad);}.fb-tag-medium{background:#fffbeb;color:var(--fb-warn);}.fb-tag-low{background:#f0fdf4;color:var(--fb-ok);}.fb-tag-keyword{background:#f0eeff;color:var(--fb-p);}

.fb-strength{padding:8px 12px;background:#f0fdf4;border-radius:6px;margin-bottom:6px;font-size:13px;}
.fb-strength:before{content:"✅ ";}

.fb-seo-meter{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden;margin:8px 0;}
.fb-seo-meter-fill{height:100%;border-radius:3px;transition:width 0.5s;}

.fb-pricing-card{text-align:center;padding:20px;border:2px solid var(--fb-border);border-radius:var(--fb-r);transition:all 0.2s;}
.fb-pricing-card.featured{border-color:var(--fb-p);background:#faf5ff;}
.fb-pricing-card h4{margin:0 0 8px;font-size:15px;}.fb-pricing-price{font-size:32px;font-weight:800;color:var(--fb-p);margin:8px 0;}
.fb-pricing-features{list-style:none;padding:0;margin:12px 0;text-align:left;font-size:13px;}
.fb-pricing-features li{padding:5px 0;border-bottom:1px solid #f1f5f9;}.fb-pricing-features li:before{content:"✓ ";color:var(--fb-ok);font-weight:700;}

.fb-proposal-output{background:#f8fafc;border:1px solid var(--fb-border);border-radius:8px;padding:16px;white-space:pre-wrap;font-size:13px;line-height:1.7;max-height:400px;overflow-y:auto;}

.fb-insight-list{list-style:none;padding:0;margin:0;}
.fb-insight-list li{padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:13px;}.fb-insight-list li:last-child{border:none;}.fb-insight-list li:before{content:"💡 ";}

.fb-trend{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;margin:2px;}
.fb-trend-growing{background:#f0fdf4;color:var(--fb-ok);}.fb-trend-stable{background:#f0eeff;color:var(--fb-p);}.fb-trend-declining{background:#fef2f2;color:var(--fb-bad);}

.fb-stat{text-align:center;padding:16px;}.fb-stat .fb-stat-number{font-size:28px;font-weight:800;color:var(--fb-p);}.fb-stat .fb-stat-label{font-size:12px;color:var(--fb-muted);margin-top:4px;}

.fb-compare-bar{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9;}
.fb-compare-label{width:120px;font-size:13px;font-weight:600;}.fb-compare-visual{flex:1;height:20px;background:#f1f5f9;border-radius:4px;overflow:hidden;}
.fb-compare-fill{height:100%;border-radius:4px;}.fb-compare-value{width:60px;text-align:right;font-size:13px;font-weight:600;}

/* Toast */
.fb-toast{position:fixed;bottom:30px;right:30px;padding:14px 24px;border-radius:10px;color:#fff;font-size:14px;font-weight:600;z-index:99999;transform:translateY(100px);opacity:0;transition:all 0.3s;font-family:'Plus Jakarta Sans',sans-serif;}
.fb-toast.visible{transform:translateY(0);opacity:1;}.fb-toast-success{background:var(--fb-ok);}.fb-toast-error{background:var(--fb-bad);}

/* Loading */
.fb-loading{text-align:center;padding:40px;color:var(--fb-muted);}
.fb-spinner{display:inline-block;width:36px;height:36px;border:3px solid #f1f5f9;border-top-color:var(--fb-p);border-radius:50%;animation:fbSpin 0.8s linear infinite;margin-bottom:12px;}
@keyframes fbSpin{to{transform:rotate(360deg);}}

/* ===== Responsive ===== */
@media(max-width:1024px){
    .fb-stats-grid{grid-template-columns:repeat(2,1fr);}
    .fb-actions-grid{grid-template-columns:repeat(3,1fr);}
    .fb-grid-4{grid-template-columns:1fr 1fr;}
    .fb-payment-grid{grid-template-columns:1fr;}
    .fb-payment-features-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
    .fb-auth-split{grid-template-columns:1fr;}
    .fb-auth-hero{display:none;}
    .fb-sidebar{transform:translateX(-100%);}
    .fb-sidebar.open{transform:translateX(0);}
    .fb-mobile-header{display:flex;}
    .fb-main{margin-left:0;padding:72px 16px 40px;}
    .fb-page-title{font-size:24px;}
    .fb-stats-grid{grid-template-columns:1fr 1fr;}
    .fb-actions-grid{grid-template-columns:repeat(3,1fr);}
    .fb-field-row,.fb-field-row-3{grid-template-columns:1fr;}
    .fb-grid-2,.fb-grid-3,.fb-grid-4{grid-template-columns:1fr;}
    .fb-payment-features-grid{grid-template-columns:repeat(2,1fr);}
    .fb-auth-page{margin:-20px -20px 0;}
}
@media(max-width:480px){
    .fb-actions-grid{grid-template-columns:repeat(2,1fr);}
    .fb-auth-form-side{padding:32px 20px;}
}