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

body{background:var(--fatr-bg);}
.fatr-shell{max-width:1200px;margin:0 auto;}
.fatr-box{background:var(--fatr-card);border:1px solid var(--fatr-border);border-radius:var(--fatr-radius);padding:24px;margin:24px 0;box-shadow:var(--fatr-shadow);}
.fatr-box-glass{background:linear-gradient(135deg, rgba(255,255,255,0.97), rgba(244,247,251,0.97));}
.fatr-title-gradient{font-size:30px;line-height:1.2;margin:0 0 8px;background:linear-gradient(90deg, #1d4ed8, #7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.fatr-subtitle{margin:0;color:var(--fatr-muted);}
.fatr-header-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:20px;}
.fatr-form p{margin-bottom:16px;}
.fatr-form label{display:block;font-weight:700;margin-bottom:8px;color:var(--fatr-text);}
.fatr-form input[type="text"],.fatr-form input[type="password"],.fatr-form input[type="email"],.fatr-form input[type="date"],.fatr-form input[type="number"],.fatr-form input[type="file"],.fatr-form select,.fatr-form textarea,.fatr-admin-filter input,.fatr-admin-filter select{width:100%;padding:12px 14px;border:1px solid #d6deea;border-radius:12px;box-sizing:border-box;background:#fff;transition:all .2s ease;color:var(--fatr-text);}
.fatr-form input:focus,.fatr-form select:focus,.fatr-form textarea:focus,.fatr-admin-filter input:focus,.fatr-admin-filter select:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 4px rgba(37,99,235,.12);}
.fatr-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:18px;}
.fatr-btn{display:inline-block;background:linear-gradient(135deg, var(--fatr-primary), var(--fatr-secondary));color:#fff !important;text-decoration:none;border:none;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:700;box-shadow:0 8px 20px rgba(37,99,235,.20);}
.fatr-btn-secondary{background:linear-gradient(135deg, #64748b, #475569);box-shadow:none;}
.fatr-alert{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-weight:600;}
.fatr-alert-success{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534;}
.fatr-alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;}
.fatr-demo-box{background:linear-gradient(135deg, #eff6ff, #f5f3ff);border:1px solid #dbeafe;padding:16px;margin-top:15px;border-radius:12px;}
.fatr-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:24px 0;}
.fatr-card{border-radius:18px;padding:20px;color:#fff;box-shadow:var(--fatr-shadow);}
.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-chart-box{background:#fff;border:1px solid var(--fatr-border);border-radius:18px;padding:24px;box-shadow:var(--fatr-shadow);margin:24px 0;}
.fatr-admin-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a,#7c3aed);color:#fff;padding:28px;border-radius:20px;margin:20px 0 24px;box-shadow:var(--fatr-shadow);}
.fatr-admin-hero h1{color:#fff;margin:0 0 8px;}
.fatr-admin-hero p{margin:0;opacity:.95;}
.fatr-admin-filter{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0;background:#fff;padding:20px;border-radius:16px;border:1px solid var(--fatr-border);box-shadow:var(--fatr-shadow);}
.fatr-admin-table th{background:#e0ecff !important;}
.fatr-table-wrap{overflow-x:auto;}
.fatr-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:14px;}
.fatr-table th,.fatr-table td{padding:14px 12px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top;}
.fatr-table th{background:#eff6ff;color:#1e3a8a;font-weight:700;}
.fatr-table tr:nth-child(even) td{background:#fafcff;}
.fatr-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;}
@media (max-width:768px){.fatr-title-gradient{font-size:24px}.fatr-box{padding:18px}}