:root{--kustode-blue-50:#eff6ff;--kustode-blue-100:#dbeafe;--kustode-blue-200:#bfdbfe;--kustode-blue-300:#93c5fd;--kustode-blue-400:#60a5fa;--kustode-blue-500:#3b82f6;--kustode-blue-600:#2563eb;--kustode-blue-700:#1d4ed8;--kustode-blue-800:#1e40af;--kustode-blue-900:#1e3a8a;--kustode-slate-50:#f8fafc;--kustode-slate-100:#f1f5f9;--kustode-slate-200:#e2e8f0;--kustode-slate-300:#cbd5e1;--kustode-slate-400:#94a3b8;--kustode-slate-500:#64748b;--kustode-slate-600:#475569;--kustode-slate-700:#334155;--kustode-slate-800:#1e293b;--kustode-slate-900:#0f172a;--kustode-green-50:#f0fdf4;--kustode-green-100:#dcfce7;--kustode-green-500:#22c55e;--kustode-green-600:#16a34a;--kustode-green-700:#15803d;--kustode-amber-50:#fffbeb;--kustode-amber-100:#fef3c7;--kustode-amber-500:#f59e0b;--kustode-amber-600:#d97706;--kustode-red-50:#fef2f2;--kustode-red-100:#fee2e2;--kustode-red-500:#ef4444;--kustode-red-600:#dc2626;--kustode-nav-gradient:linear-gradient(to right,var(--kustode-slate-50),var(--kustode-blue-50),var(--kustode-slate-50));--kustode-card-gradient:linear-gradient(to bottom right,#ffffff,var(--kustode-slate-50));--kustode-brand-gradient:linear-gradient(to right,var(--kustode-blue-600),var(--kustode-blue-700));--kustode-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--kustode-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--kustode-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--kustode-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--kustode-glass-bg:rgba(255,255,255,0.85);--kustode-glass-border:rgba(255,255,255,0.2)}.kustode-nav{background:var(--kustode-nav-gradient);border-bottom:1px solid var(--kustode-slate-200);box-shadow:var(--kustode-shadow-sm);backdrop-filter:blur(8px)}.kustode-nav-item{color:var(--kustode-slate-700);transition:all .2s ease-in-out;padding:.5rem .75rem;border-radius:.375rem;font-weight:500}.kustode-nav-item:hover{color:var(--kustode-blue-600);background-color:rgba(255,255,255,.7);transform:translateY(-1px)}.kustode-card{background:var(--kustode-card-gradient);border:1px solid var(--kustode-slate-200);border-radius:.75rem;box-shadow:var(--kustode-shadow-md);transition:all .2s ease-in-out}.kustode-card:hover{box-shadow:var(--kustode-shadow-lg);transform:translateY(-2px)}.kustode-dropdown{background:var(--kustode-glass-bg);backdrop-filter:blur(12px);border:1px solid var(--kustode-slate-200);border-radius:.75rem;box-shadow:var(--kustode-shadow-xl)}.kustode-brand-text{background:var(--kustode-brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.kustode-status-success{background-color:var(--kustode-green-50);color:var(--kustode-green-700);border:1px solid var(--kustode-green-200)}.kustode-status-warning{background-color:var(--kustode-amber-50);color:var(--kustode-amber-700);border:1px solid var(--kustode-amber-200)}.kustode-status-error{background-color:var(--kustode-red-50);color:var(--kustode-red-700);border:1px solid var(--kustode-red-200)}.kustode-btn-primary{background:var(--kustode-brand-gradient);color:white;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s ease-in-out;box-shadow:var(--kustode-shadow-sm)}.kustode-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--kustode-shadow-md)}.kustode-btn-secondary{background:var(--kustode-slate-100);color:var(--kustode-slate-700);border:1px solid var(--kustode-slate-300);border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s ease-in-out}.kustode-btn-secondary:hover{background:var(--kustode-slate-200);color:var(--kustode-slate-800);transform:translateY(-1px)}.kustode-page-header{background:white;border:1px solid var(--kustode-slate-200);border-radius:.75rem;padding:1.5rem;box-shadow:var(--kustode-shadow-sm)}.kustode-page-title{color:var(--kustode-blue-600);font-size:1.875rem;font-weight:700;display:flex;align-items:center}.kustode-page-subtitle{color:var(--kustode-slate-600);margin-top:.25rem}.kustode-input{border:1px solid var(--kustode-slate-300);border-radius:.5rem;background:white;transition:all .2s ease-in-out}.kustode-input:focus{border-color:var(--kustode-blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}@media (max-width:768px){.kustode-nav-item{padding:.375rem .5rem;font-size:.875rem}.kustode-page-title{font-size:1.5rem}}@media (prefers-color-scheme:dark){:root{--kustode-nav-gradient:linear-gradient(90deg,#1e293b,#334155,#1e293b);--kustode-card-gradient:linear-gradient(to bottom right,#1e293b,#334155);--kustode-glass-bg:rgba(30,41,59,0.85)}.kustode-page-header{background:#1e293b;border-color:#334155}.kustode-input{background:#334155;border-color:#475569;color:white}}:root{--bp-xs:320px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem}.analytics-container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.analytics-container{max-width:640px;padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:768px){.analytics-container{max-width:768px}}@media (min-width:1024px){.analytics-container{max-width:1024px}}@media (min-width:1280px){.analytics-container{max-width:1280px}}@media (min-width:1536px){.analytics-container{max-width:1536px}}.analytics-grid{display:grid;gap:var(--space-4)}.analytics-grid-cols-1{grid-template-columns:1fr}@media (min-width:640px){.analytics-grid-cols-sm-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.analytics-grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.analytics-grid-cols-md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.analytics-grid-cols-lg-3{grid-template-columns:repeat(3,1fr)}.analytics-grid-cols-lg-4{grid-template-columns:repeat(4,1fr)}.analytics-grid-cols-lg-6{grid-template-columns:repeat(6,1fr)}}@media (min-width:1280px){.analytics-grid-cols-xl-4{grid-template-columns:repeat(4,1fr)}.analytics-grid-cols-xl-6{grid-template-columns:repeat(6,1fr)}}.analytics-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:640px){.analytics-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}@media (min-width:768px){.analytics-header{align-items:center}}.analytics-actions{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width:480px){.analytics-actions{flex-direction:row;gap:var(--space-3)}}.analytics-metric-card{background:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:var(--space-4);box-shadow:0 1px 3px 0 rgba(0,0,0,.1);transition:all .2s ease-in-out}.analytics-metric-card:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:translateY(-1px)}@media (max-width:639px){.analytics-metric-card{padding:var(--space-3)}.analytics-metric-card .metric-icon{width:1.5rem;height:1.5rem}.analytics-metric-card .metric-value{font-size:var(--text-lg);font-weight:700}.analytics-metric-card .metric-label{font-size:var(--text-sm)}}@media (min-width:640px){.analytics-metric-card{padding:var(--space-6)}.analytics-metric-card .metric-icon{width:2rem;height:2rem}.analytics-metric-card .metric-value{font-size:var(--text-2xl);font-weight:700}.analytics-metric-card .metric-label{font-size:var(--text-base)}}.analytics-chart-container{background:white;border:1px solid #e5e7eb;border-radius:.5rem;padding:var(--space-4);height:300px}@media (min-width:640px){.analytics-chart-container{padding:var(--space-6);height:350px}}@media (min-width:768px){.analytics-chart-container{height:400px}}@media (min-width:1024px){.analytics-chart-container{height:450px}}.analytics-chart{width:100%;height:100%}.analytics-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem;background:white}.analytics-table{width:100%;border-collapse:collapse}.analytics-table td,.analytics-table th{padding:var(--space-3);text-align:left;border-bottom:1px solid #f3f4f6}.analytics-table th{background-color:#f9fafb;font-weight:600;font-size:var(--text-sm);color:#374151}@media (max-width:639px){.analytics-table td,.analytics-table th{padding:var(--space-2);font-size:var(--text-xs)}.analytics-table-mobile-stack,.analytics-table-mobile-stack tbody,.analytics-table-mobile-stack td,.analytics-table-mobile-stack th,.analytics-table-mobile-stack thead,.analytics-table-mobile-stack tr{display:block}.analytics-table-mobile-stack thead tr{position:absolute;top:-9999px;left:-9999px}.analytics-table-mobile-stack tr{border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:var(--space-3);padding:var(--space-3)}.analytics-table-mobile-stack td{border:none;position:relative;padding-left:50%;padding-top:var(--space-2);padding-bottom:var(--space-2)}.analytics-table-mobile-stack td:before{content:attr(data-label) ": ";position:absolute;left:var(--space-3);width:45%;padding-right:var(--space-2);white-space:nowrap;font-weight:600;color:#374151}}.analytics-alert{padding:var(--space-4);border-radius:.5rem;margin-bottom:var(--space-4)}.analytics-alert-title{font-weight:600;margin-bottom:var(--space-2)}.analytics-alert-description{font-size:var(--text-sm);line-height:1.5}@media (max-width:639px){.analytics-alert{padding:var(--space-3)}.analytics-alert-title{font-size:var(--text-sm)}.analytics-alert-description{font-size:var(--text-xs)}}.analytics-nav{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}@media (min-width:640px){.analytics-nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}}.analytics-nav-item{padding:var(--space-2) var(--space-4);border-radius:.375rem;text-decoration:none;transition:all .2s ease-in-out;font-size:var(--text-sm);font-weight:500}.analytics-nav-item:hover{background-color:#f3f4f6}.analytics-nav-item.active{background-color:#3b82f6;color:white}.analytics-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:.375rem;font-size:var(--text-sm);font-weight:500;transition:all .2s ease-in-out;border:1px solid transparent;cursor:pointer}@media (max-width:639px){.analytics-button{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base)}.analytics-button-group{display:flex;flex-direction:column;gap:var(--space-2)}}@media (min-width:640px){.analytics-button-group{display:flex;flex-direction:row;gap:var(--space-3)}}.analytics-form-group{margin-bottom:var(--space-4)}.analytics-form-label{display:block;font-size:var(--text-sm);font-weight:500;color:#374151;margin-bottom:var(--space-2)}.analytics-form-input,.analytics-form-select{width:100%;padding:var(--space-3);border:1px solid #d1d5db;border-radius:.375rem;font-size:var(--text-base);transition:border-color .2s ease-in-out}.analytics-form-input:focus,.analytics-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media (max-width:639px){.analytics-form-input,.analytics-form-select{font-size:16px;padding:var(--space-4)}}.analytics-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.analytics-modal-content{background:white;border-radius:.5rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding:var(--space-6)}@media (max-width:639px){.analytics-modal-overlay{padding:var(--space-2)}.analytics-modal-content{max-width:100%;max-height:95vh;padding:var(--space-4);border-radius:.375rem}}.analytics-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:analytics-shimmer 2s infinite;border-radius:.375rem}@keyframes analytics-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.analytics-skeleton-card{height:120px;margin-bottom:var(--space-4)}.analytics-skeleton-chart{height:300px;margin-bottom:var(--space-4)}@media (min-width:640px){.analytics-skeleton-chart{height:400px}}@media (prefers-contrast:high){.analytics-chart-container,.analytics-metric-card,.analytics-table-wrapper{border-width:2px;border-color:#000}}@media (prefers-reduced-motion:reduce){.analytics-button,.analytics-metric-card,.analytics-nav-item{transition:none}.analytics-skeleton{animation:none}}.analytics-focus-visible:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media print{.analytics-container{max-width:none;padding:0}.analytics-chart-container,.analytics-metric-card{border:1px solid #000;box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid}.analytics-button,.analytics-nav{display:none}.analytics-chart{background:white}}.analytics-mt-1{margin-top:var(--space-1)}.analytics-mt-2{margin-top:var(--space-2)}.analytics-mt-3{margin-top:var(--space-3)}.analytics-mt-4{margin-top:var(--space-4)}.analytics-mt-6{margin-top:var(--space-6)}.analytics-mt-8{margin-top:var(--space-8)}.analytics-mb-1{margin-bottom:var(--space-1)}.analytics-mb-2{margin-bottom:var(--space-2)}.analytics-mb-3{margin-bottom:var(--space-3)}.analytics-mb-4{margin-bottom:var(--space-4)}.analytics-mb-6{margin-bottom:var(--space-6)}.analytics-mb-8{margin-bottom:var(--space-8)}.analytics-p-1{padding:var(--space-1)}.analytics-p-2{padding:var(--space-2)}.analytics-p-3{padding:var(--space-3)}.analytics-p-4{padding:var(--space-4)}.analytics-p-6{padding:var(--space-6)}.analytics-text-xs{font-size:var(--text-xs)}.analytics-text-sm{font-size:var(--text-sm)}.analytics-text-base{font-size:var(--text-base)}.analytics-text-lg{font-size:var(--text-lg)}.analytics-text-xl{font-size:var(--text-xl)}.analytics-text-2xl{font-size:var(--text-2xl)}.analytics-hidden{display:none}@media (max-width:639px){.analytics-hidden-mobile{display:none}}@media (min-width:640px){.analytics-hidden-desktop{display:none}}.analytics-flex{display:flex}.analytics-flex-col{flex-direction:column}.analytics-flex-wrap{flex-wrap:wrap}.analytics-items-center{align-items:center}.analytics-justify-between{justify-content:space-between}.analytics-gap-2{gap:var(--space-2)}.analytics-gap-3{gap:var(--space-3)}.analytics-gap-4{gap:var(--space-4)}