:root {--primary-color:#3b82f6;--secondary-color:#374151;--error-color:#dc2626;--background-color:#f3f4f6;--border-color:#dee2e6;--background-light:#f8f9fa;--text-primary:#212529;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#3b82f6;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--font-family:system-ui,-apple-system,sans-serif;--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-md:.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--border-radius-sm:.25rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / .1);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:initial}.flex-none{flex:none}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m-0{margin:0}.p-0{padding:0}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.font-normal{font-weight:var(--font-weight-400)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semi700)}.font-bold{font-weight:var(--font-weight-700)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition{transition:all .2s ease-in-out}.transition-colors{transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.transition-opacity{transition:opacity .2s ease-in-out}.transition-transform{transition:transform .2s ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:var(--font-weight-medium);transition:all .2s ease-in-out;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:var(--white);border:1px solid var(--primary-color)}.btn-secondary{background-color:var(--white);color:var(--secondary-color);border:1px solid var(--border-color)}.btn-success{background-color:var(--success-color);color:var(--white);border:1px solid var(--success-color)}.btn-error{background-color:var(--error-color);color:var(--white);border:1px solid var(--error-color)}.status-dot{width:8px;height:8px;border-radius:var(--border-radius-full);display:inline-block}.status-dot-success{background-color:var(--success-color)}.status-dot-error{background-color:var(--error-color)}.status-dot-warning{background-color:var(--warning-color)}.status-dot-info{background-color:var(--info-color)}