:root{
    --fatr-primary:#2563eb;
    --fatr-secondary:#7c3aed;
    --fatr-success:#16a34a;
    --fatr-warning:#f59e0b;
    --fatr-bg:#f5f7fb;
    --fatr-card:#ffffff;
    --fatr-text:#0f172a;
    --fatr-muted:#64748b;
    --fatr-border:#e2e8f0;
    --fatr-shadow:0 10px 25px rgba(15,23,42,.06);
    --fatr-radius:16px;
}

body{background:var(--fatr-bg);color:var(--fatr-text);}
.fatr-shell{max-width:1200px;margin:0 auto;}
.fatr-shell-compact{max-width:1100px;}
.fatr-box,.fatr-panel,.fatr-topbar-card,.fatr-chart-box{
    background:var(--fatr-card);
    border:1px solid var(--fatr-border);
    border-radius:var(--fatr-radius);
    box-shadow:var(--fatr-shadow);
}
.fatr-box{padding:20px;margin:20px 0;}
.fatr-topbar-card{
    padding:18px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin:18px 0;
}
.fatr-title-gradient{
    font-size:26px;
    margin:0 0 4px;
    background:linear-gradient(90deg,#1d4ed8,#7c3aed);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}
.fatr-subtitle{margin:0;color:var(--fatr-muted);font-size:14px;}
.fatr-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.fatr-panel{padding:18px;margin:18px 0;}
.fatr-panel-head h3{margin:0 0 12px;}
.fatr-form p{margin-bottom:12px;}
.fatr-form label{display:block;font-weight:700;margin-bottom:6px;font-size:13px;}
.fatr-form input,.fatr-form select,.fatr-form textarea,.fatr-admin-filter input,.fatr-admin-filter select{
    width:100%;padding:10px 12px;border:1px solid #d6deea;border-radius:12px;box-sizing:border-box;
}
.fatr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.fatr-btn{
    display:inline-block;border:none;border-radius:12px;padding:10px 16px;text-decoration:none;color:#fff !important;
    font-weight:700;background:linear-gradient(135deg,var(--fatr-primary),var(--fatr-secondary));
}
.fatr-btn-secondary{background:linear-gradient(135deg,#64748b,#475569);}
.fatr-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0;}
.fatr-card{border-radius:16px;padding:16px 18px;color:#fff;}
.fatr-card-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);}
.fatr-card-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9);}
.fatr-card-green{background:linear-gradient(135deg,#22c55e,#15803d);}
.fatr-card-orange{background:linear-gradient(135deg,#f59e0b,#d97706);}
.fatr-admin-hero{
    background:linear-gradient(135deg,#0f172a,#1e3a8a,#7c3aed);
    color:#fff;padding:24px;border-radius:18px;margin:18px 0 20px;
}
.fatr-admin-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;}
.fatr-export-row{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;}
.fatr-login-compact{max-width:460px;margin:30px auto;}
.fatr-table-wrap{overflow-x:auto;}
.fatr-table{width:100%;border-collapse:collapse;}
.fatr-table th,.fatr-table td{border:1px solid #e5e7eb;padding:10px;font-size:14px;text-align:left;}
.fatr-table th{background:#f8fafc;}
.fatr-dashboard-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0;}
.fatr-chart-box{padding:18px;min-height:320px;}
.fatr-chart-box canvas{width:100% !important;height:240px !important;}
.fatr-chart-box-wide{grid-column:1 / -1;}
.fatr-demo-box{margin-top:15px;padding:12px 14px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;}

@media (max-width: 900px){
    .fatr-dashboard-grid{grid-template-columns:1fr;}
    .fatr-dashboard-charts-grid{grid-template-columns:1fr;}
}