/* Garudo Pro v4.36.0 — Enterprise Dashboard Design System v2 */
:root{--gx2-radius:12px;--gx2-radius-sm:8px;--gx2-shadow:0 2px 8px rgba(0,0,0,.06);--gx2-shadow-md:0 4px 20px rgba(0,0,0,.1);--gx2-brand:#f16821;--gx2-brand-dark:#c94007;--gx2-surface:#fff;--gx2-border:#e2e8f0;--gx2-text:#1e293b;--gx2-text-2:#475569;--gx2-text-3:#94a3b8;--gx2-success:#059669;--gx2-warning:#d97706;--gx2-danger:#dc2626;--gx2-info:#2563eb}
.gx2-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#f8fafc}@media(max-width:768px){.gx2-layout{grid-template-columns:1fr}}
.gx2-sidebar{background:var(--gx2-surface);border-right:1px solid var(--gx2-border);padding:24px 0;position:sticky;top:0;height:100vh;overflow-y:auto}
.gx2-main{padding:24px;overflow-x:hidden}
.gx2-topbar{background:var(--gx2-surface);border-bottom:1px solid var(--gx2-border);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:var(--gx2-shadow)}
.gx2-page-header{margin-bottom:24px}.gx2-page-title{font-size:1.5rem;font-weight:800;color:var(--gx2-text);margin:0 0 4px}.gx2-page-subtitle{font-size:.875rem;color:var(--gx2-text-2);margin:0}
.gx2-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.gx2-kpi{background:var(--gx2-surface);border:1px solid var(--gx2-border);border-radius:var(--gx2-radius);padding:20px;box-shadow:var(--gx2-shadow);transition:box-shadow .15s}.gx2-kpi:hover{box-shadow:var(--gx2-shadow-md)}.gx2-kpi__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:12px;background:linear-gradient(135deg,#fff7f5,#ffe8df)}.gx2-kpi__val{font-size:1.75rem;font-weight:800;color:var(--gx2-text);line-height:1}.gx2-kpi__label{font-size:.78rem;color:var(--gx2-text-3);margin-top:4px;font-weight:500}.gx2-kpi__delta{font-size:.75rem;margin-top:6px;font-weight:600}.gx2-kpi__delta--up{color:var(--gx2-success)}.gx2-kpi__delta--down{color:var(--gx2-danger)}
.gx2-section{background:var(--gx2-surface);border:1px solid var(--gx2-border);border-radius:var(--gx2-radius);box-shadow:var(--gx2-shadow);margin-bottom:20px}.gx2-section__head{padding:16px 20px;border-bottom:1px solid var(--gx2-border);display:flex;align-items:center;justify-content:space-between}.gx2-section__title{font-size:.95rem;font-weight:700;color:var(--gx2-text);margin:0}.gx2-section__body{padding:20px}
.gx2-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--gx2-radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;border:none;line-height:1.4}.gx2-btn--primary{background:var(--gx2-brand);color:#fff}.gx2-btn--primary:hover{background:var(--gx2-brand-dark)}.gx2-btn--outline{background:transparent;color:var(--gx2-text-2);border:1px solid var(--gx2-border)}.gx2-btn--outline:hover{border-color:var(--gx2-brand);color:var(--gx2-brand)}.gx2-btn--sm{padding:5px 12px;font-size:.78rem}.gx2-btn--danger{background:var(--gx2-danger);color:#fff}
.gx2-table{width:100%;border-collapse:collapse}.gx2-table th{text-align:left;padding:10px 12px;background:#f8fafc;font-size:.75rem;font-weight:700;color:var(--gx2-text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gx2-border)}.gx2-table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:.85rem;color:var(--gx2-text-2)}.gx2-table tr:last-child td{border-bottom:none}.gx2-table tr:hover td{background:#fafafa}
.gx2-status{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:700}.gx2-status--active,.gx2-status--completed,.gx2-status--paid{background:#dcfce7;color:#166534}.gx2-status--pending{background:#fef9c3;color:#854d0e}.gx2-status--cancelled,.gx2-status--rejected,.gx2-status--overdue{background:#fee2e2;color:#991b1b}.gx2-status--processing,.gx2-status--in_progress{background:#dbeafe;color:#1e40af}
.gx2-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#475569;flex-shrink:0}
.gx2-tabs{display:flex;gap:0;border-bottom:2px solid var(--gx2-border);margin-bottom:20px}.gx2-tab{padding:10px 16px;font-size:.85rem;font-weight:600;color:var(--gx2-text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.gx2-tab--active{color:var(--gx2-brand);border-color:var(--gx2-brand)}.gx2-tab:hover{color:var(--gx2-text-2)}
.gx2-form-group{margin-bottom:16px}.gx2-label{display:block;font-size:.8rem;font-weight:600;color:var(--gx2-text-2);margin-bottom:6px}.gx2-input,.gx2-select,.gx2-textarea{width:100%;padding:9px 12px;border:1px solid var(--gx2-border);border-radius:var(--gx2-radius-sm);font-size:.875rem;color:var(--gx2-text);background:var(--gx2-surface);transition:border-color .15s;box-sizing:border-box}.gx2-input:focus,.gx2-select:focus,.gx2-textarea:focus{outline:none;border-color:var(--gx2-brand);box-shadow:0 0 0 3px rgba(241,104,33,.1)}
.gx2-alert{padding:12px 16px;border-radius:var(--gx2-radius-sm);font-size:.85rem;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px}.gx2-alert--info{background:#eff6ff;border-left:3px solid var(--gx2-info);color:#1e40af}.gx2-alert--success{background:#f0fdf4;border-left:3px solid var(--gx2-success);color:#166534}.gx2-alert--warning{background:#fffbeb;border-left:3px solid var(--gx2-warning);color:#92400e}.gx2-alert--danger{background:#fef2f2;border-left:3px solid var(--gx2-danger);color:#991b1b}
.gx2-empty-state{text-align:center;padding:48px 20px;color:var(--gx2-text-3)}.gx2-empty-state__icon{font-size:3rem;margin-bottom:12px}.gx2-empty-state__title{font-size:1rem;font-weight:700;color:var(--gx2-text-2);margin:0 0 6px}.gx2-empty-state__desc{font-size:.85rem;margin:0 0 20px}