@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
:root{--rd-bg:#fff;--rd-sidebar-bg:#f7f7f8;--rd-surface:#fff;--rd-hover:#f0f0f0;--rd-bg-strong:#f1f5f9;--rd-divider:#ececec;--rd-border:#e0e0e0;--rd-border-strong:#b0b0b0;--rd-input-bg:#f0f0f2;--rd-text-strong:#000;--rd-text:#1a1a1a;--rd-text-muted:#6e6e6e;--rd-text-soft:#9e9e9e;--rd-text-on-fill:#fff;--rd-blue:#007aff;--rd-blue-strong:#0062cc;--rd-blue-tint:#007aff14;--rd-blue-ring:#007aff29;--rd-green:#25d366;--rd-green-strong:#1fb855;--rd-green-tint:#25d36614;--rd-red:#e5453a;--rd-red-tint:#e5453a14;--rd-orange:#e08600;--rd-orange-tint:#e0860014;--rd-amber-tint:#f59e0b14;--rd-font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--rd-fs-9:9px;--rd-fs-10:10px;--rd-fs-11:11px;--rd-fs-12:12px;--rd-fs-13:13px;--rd-fs-14:14px;--rd-fs-15:15px;--rd-fs-16:16px;--rd-fs-17:17px;--rd-fs-18:18px;--rd-fs-22:22px;--rd-fs-24:24px;--rd-fw-light:300;--rd-fw-regular:400;--rd-fw-medium:500;--rd-fw-semibold:600;--rd-lh-tight:1.3;--rd-lh-normal:1.55;--rd-lh-relaxed:1.7;--rd-s-1:4px;--rd-s-2:8px;--rd-s-3:12px;--rd-s-4:16px;--rd-s-5:20px;--rd-s-6:24px;--rd-s-8:32px;--rd-s-10:40px;--rd-s-12:48px;--rd-r-sm:4px;--rd-r-md:6px;--rd-r-lg:8px;--rd-r-xl:10px;--rd-shadow-sm:0 1px 2px #0000000a;--rd-shadow-md:0 2px 8px #0000000f;--rd-shadow-lg:0 4px 16px #00000014;--rd-tr-fast:.15s cubic-bezier(.4, 0, .2, 1);--rd-tr-base:.22s cubic-bezier(.4, 0, .2, 1)}.zarif-app{font-family:var(--rd-font);font-size:var(--rd-fs-14);line-height:var(--rd-lh-normal);color:var(--rd-text);background:var(--rd-bg);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11" on, "ss01" on}.zarif-app *,.zarif-app :before,.zarif-app :after{box-sizing:border-box}.zarif-app h1,.zarif-app h2,.zarif-app h3,.zarif-app h4,.zarif-app h5,.zarif-app h6{font-family:var(--rd-font);font-weight:var(--rd-fw-medium);color:var(--rd-text-strong);letter-spacing:-.02em;line-height:var(--rd-lh-tight);margin:0}.zarif-app .num{font-variant-numeric:tabular-nums}
.zarif-page{width:100%;max-width:1280px;padding:var(--rd-s-6) var(--rd-s-4) var(--rd-s-10);gap:var(--rd-s-4);flex-direction:column;flex:1;margin:0 auto;display:flex}.zarif-page-header{margin-bottom:var(--rd-s-2);justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.zarif-page-title{font-size:var(--rd-fs-18);font-weight:var(--rd-fw-medium);color:var(--rd-text-strong);letter-spacing:-.025em}.zarif-page-subtitle{font-size:var(--rd-fs-12);color:var(--rd-text-muted);margin-top:4px}.zarif-card{padding:var(--rd-s-4) var(--rd-s-5);background:var(--rd-surface);border:1px solid var(--rd-divider);border-radius:var(--rd-r-lg)}.zarif-card-head{margin-bottom:var(--rd-s-3);justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.zarif-card-eyebrow{font-size:var(--rd-fs-10);color:var(--rd-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--rd-fw-medium);margin-bottom:4px}.zarif-card-title{font-size:var(--rd-fs-15);font-weight:var(--rd-fw-medium);color:var(--rd-text-strong);letter-spacing:-.02em}.zarif-kpi-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.zarif-kpi-card{background:var(--rd-bg);border:1px solid var(--rd-divider);border-radius:var(--rd-r-md);transition:border-color var(--rd-tr-fast), background var(--rd-tr-fast);flex-direction:column;gap:3px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.zarif-kpi-card:hover{border-color:var(--rd-border)}.zarif-kpi-card--warn{background:var(--rd-red-tint);border-color:#e5453a52}.zarif-kpi-label{font-size:var(--rd-fs-10);color:var(--rd-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--rd-fw-medium)}.zarif-kpi-value{font-size:19px;font-weight:var(--rd-fw-semibold);color:var(--rd-text-strong);letter-spacing:-.025em;font-variant-numeric:tabular-nums}.zarif-kpi-sub{font-size:var(--rd-fs-10);color:var(--rd-text-muted)}.zarif-badge{border-radius:var(--rd-r-sm);font-size:var(--rd-fs-10);font-weight:var(--rd-fw-medium);letter-spacing:.02em;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.zarif-badge--neutral{background:var(--rd-hover);color:var(--rd-text-muted)}.zarif-badge--success{background:var(--rd-green-tint);color:var(--rd-green-strong)}.zarif-badge--info{background:var(--rd-blue-tint);color:var(--rd-blue-strong)}.zarif-badge--warn{background:var(--rd-amber-tint);color:#b45309}.zarif-badge--danger{background:var(--rd-red-tint);color:var(--rd-red)}.zarif-btn{border-radius:var(--rd-r-md);font-size:var(--rd-fs-12);font-weight:var(--rd-fw-medium);cursor:pointer;transition:background var(--rd-tr-fast), border-color var(--rd-tr-fast), color var(--rd-tr-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;display:inline-flex}.zarif-btn:disabled{opacity:.5;cursor:not-allowed}.zarif-btn--primary{background:var(--rd-text-strong);color:var(--rd-text-on-fill)}.zarif-btn--primary:hover:not(:disabled){background:#2a2a2a}.zarif-btn--ghost{color:var(--rd-text);border-color:var(--rd-divider);background:0 0}.zarif-btn--ghost:hover:not(:disabled){background:var(--rd-hover);border-color:var(--rd-border-strong)}.zarif-btn--danger{color:var(--rd-red);border-color:var(--rd-red-tint);background:0 0}.zarif-btn--danger:hover:not(:disabled){background:var(--rd-red-tint)}.zarif-field{flex-direction:column;gap:4px;display:flex}.zarif-field-label{font-size:var(--rd-fs-11);color:var(--rd-text-muted);font-weight:var(--rd-fw-medium)}.zarif-input,.zarif-textarea,.zarif-select{background:var(--rd-input-bg);color:var(--rd-text);border-radius:var(--rd-r-md);font-size:var(--rd-fs-13);transition:border-color var(--rd-tr-fast), background var(--rd-tr-fast);border:1px solid #0000;padding:8px 11px;font-family:inherit}.zarif-input:focus,.zarif-textarea:focus,.zarif-select:focus{background:var(--rd-bg);border-color:var(--rd-blue);box-shadow:0 0 0 3px var(--rd-blue-ring);outline:none}.zarif-textarea{resize:vertical;min-height:80px;line-height:var(--rd-lh-normal)}.zarif-bar-chart{align-items:flex-end;gap:10px;height:130px;padding:8px 0;display:flex}.zarif-bar{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.zarif-bar-fill{width:100%;min-height:4px;transition:opacity var(--rd-tr-fast);background:linear-gradient(#0f172a 0%,#1e293b 100%);border-radius:4px 4px 0 0;position:relative}.zarif-bar-fill:hover{opacity:.85}.zarif-bar-label{font-size:var(--rd-fs-10);color:var(--rd-text-muted);text-align:center}.zarif-bar-amt{font-size:var(--rd-fs-9);color:var(--rd-text);font-weight:var(--rd-fw-medium);font-variant-numeric:tabular-nums}.zarif-segment-bar{border-radius:var(--rd-r-md);background:var(--rd-bg);width:100%;height:28px;display:flex;overflow:hidden}.zarif-segment{height:100%;font-size:var(--rd-fs-9);color:#fff;font-weight:var(--rd-fw-semibold);letter-spacing:.02em;transition:filter var(--rd-tr-fast);justify-content:center;align-items:center;display:flex}.zarif-segment:hover{filter:brightness(1.1)}.zarif-list{flex-direction:column;display:flex}.zarif-list-item{background:var(--rd-bg);border:1px solid #0000;border-bottom:1px solid var(--rd-divider);cursor:pointer;text-align:left;width:100%;transition:background var(--rd-tr-fast), border-color var(--rd-tr-fast);flex-direction:column;gap:4px;padding:10px 12px;font-family:inherit;display:flex}.zarif-list-item:hover{background:var(--rd-hover)}.zarif-list-item--active{background:var(--rd-blue-tint);border-color:var(--rd-blue)}.zarif-list-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.zarif-list-item-title{font-size:var(--rd-fs-13);font-weight:var(--rd-fw-medium);color:var(--rd-text-strong);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zarif-list-item-meta{font-size:var(--rd-fs-10);color:var(--rd-text-muted);align-items:center;gap:6px;display:flex}.zarif-empty{padding:var(--rd-s-10);color:var(--rd-text-muted);font-size:var(--rd-fs-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.zarif-loading{padding:var(--rd-s-10);color:var(--rd-text-muted);font-size:var(--rd-fs-12);justify-content:center;align-items:center;gap:8px;display:flex}.zarif-spin{animation:.9s linear infinite zarif-rotate;display:inline-block}@keyframes zarif-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zarif-alert{border-radius:var(--rd-r-md);font-size:var(--rd-fs-12);align-items:center;gap:8px;padding:9px 12px;display:flex}.zarif-alert--error{background:var(--rd-red-tint);color:var(--rd-red)}.zarif-alert--success{background:var(--rd-green-tint);color:var(--rd-green-strong)}.zarif-alert--info{background:var(--rd-blue-tint);color:var(--rd-blue-strong)}.zarif-split{grid-template-columns:320px 1fr;gap:12px;min-height:600px;display:grid}@media (max-width:720px){.zarif-split{grid-template-columns:1fr}.zarif-bar-chart{gap:6px;height:100px}.zarif-kpi-row{grid-template-columns:repeat(2,1fr)}}.zarif-shell{background:var(--rd-bg);min-height:100dvh;display:flex}.zarif-sidebar{background:var(--rd-sidebar-bg);border-right:1px solid var(--rd-divider);flex-direction:column;flex-shrink:0;width:240px;height:100dvh;display:flex;position:sticky;top:0}.zarif-sidebar-brand{padding:var(--rd-s-4) var(--rd-s-3);border-bottom:1px solid var(--rd-divider);align-items:center;gap:10px;display:flex}.zarif-sidebar-logo{background:var(--rd-text-strong);width:32px;height:32px;color:var(--rd-text-on-fill);font-size:var(--rd-fs-11);font-weight:var(--rd-fw-medium);letter-spacing:.5px;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.zarif-sidebar-brand-label{font-size:var(--rd-fs-13);font-weight:var(--rd-fw-medium);color:var(--rd-text-strong);letter-spacing:-.01em}.zarif-sidebar-brand-sub{font-size:var(--rd-fs-10);color:var(--rd-text-muted)}.zarif-sidebar-nav{padding:var(--rd-s-3);flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.zarif-sidebar-item{color:var(--rd-text);border-radius:var(--rd-r-md);font-size:var(--rd-fs-12);font-weight:var(--rd-fw-medium);cursor:pointer;transition:background var(--rd-tr-fast), color var(--rd-tr-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;text-decoration:none;display:flex}.zarif-sidebar-item:hover{background:var(--rd-hover);color:var(--rd-text-strong)}.zarif-sidebar-item--active,.zarif-sidebar-item--active:hover{background:var(--rd-text-strong);color:var(--rd-text-on-fill)}.zarif-sidebar-icon{flex-shrink:0}.zarif-sidebar-section{font-size:var(--rd-fs-10);color:var(--rd-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--rd-fw-medium);padding:12px 10px 4px}.zarif-sidebar-footer{padding:var(--rd-s-3);border-top:1px solid var(--rd-divider);flex-direction:column;gap:6px;display:flex}.zarif-sidebar-user{background:var(--rd-bg);border:1px solid var(--rd-divider);border-radius:var(--rd-r-md);align-items:center;gap:8px;padding:8px;display:flex}.zarif-sidebar-user-avatar{background:var(--rd-blue-tint);width:28px;height:28px;color:var(--rd-blue-strong);font-size:var(--rd-fs-11);font-weight:var(--rd-fw-medium);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.zarif-sidebar-user-info{flex:1;min-width:0}.zarif-sidebar-user-email{font-size:var(--rd-fs-12);color:var(--rd-text-strong);font-weight:var(--rd-fw-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zarif-sidebar-user-role{font-size:var(--rd-fs-10);color:var(--rd-text-muted)}.zarif-sidebar-logout{color:var(--rd-text-muted);border:1px solid var(--rd-divider);border-radius:var(--rd-r-md);font-size:var(--rd-fs-11);font-weight:var(--rd-fw-medium);cursor:pointer;transition:background var(--rd-tr-fast), color var(--rd-tr-fast);background:0 0;justify-content:center;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;display:flex}.zarif-sidebar-logout:hover{background:var(--rd-red-tint);color:var(--rd-red);border-color:#e5453a2e}.zarif-shell-main{flex:1;min-width:0}@media (max-width:720px){.zarif-sidebar{transition:transform var(--rd-tr-base);z-index:50;box-shadow:var(--rd-shadow-lg);position:fixed;transform:translate(-100%)}.zarif-sidebar--open{transform:translate(0)}}