@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--gray-50:#fcfcfd;--gray-100:#f8f9fa;--gray-200:#f1f3f4;--gray-300:#dee2e6;--gray-400:#adb5bd;--gray-500:#6c757d;--gray-600:#495057;--gray-700:#343a40;--gray-800:#212529;--gray-900:#0d1117;--gray-950:#010409;--blue-50:#eff8ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-900:#1e3a8a;--green-50:#ecfdf5;--green-100:#d1fae5;--green-500:#10b981;--green-600:#059669;--green-700:#047857;--red-50:#fef2f2;--red-100:#fee2e2;--red-500:#ef4444;--red-600:#dc2626;--red-700:#b91c1c;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-500:#f97316;--orange-600:#ea580c;--text-inverse:#fff;--space-0:0;--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;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #1018280a;--shadow-sm:0 1px 3px 0 #1018281a,0 1px 2px 0 #1018280f;--shadow-md:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;--shadow-lg:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;--shadow-xl:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808;--shadow-2xl:0 24px 48px -12px #1018282e;--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;--text-5xl:3rem;--transition-fast:0.15s ease-out;--transition-base:0.25s ease-out;--transition-slow:0.35s ease-out;--easing-spring:cubic-bezier(0.34,1.56,0.64,1);--easing-smooth:cubic-bezier(0.4,0,0.2,1)}:root,[data-theme=dark]{--background:var(--gray-950);--surface:var(--gray-900);--surface-elevated:var(--gray-800);--border:var(--gray-800);--border-strong:var(--gray-700);--text-primary:var(--gray-50);--text-secondary:var(--gray-400);--text-tertiary:var(--gray-500)}html{font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility}body{background:#010409;background:var(--background);font-size:1rem;font-size:var(--text-base);letter-spacing:-.011em;line-height:1.6;transition:background-color .25s ease-out,color .25s ease-out;transition:background-color var(--transition-base),color var(--transition-base)}body,h1,h2,h3,h4,h5,h6{color:#fcfcfd;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em;line-height:1.25}h1{font-size:2.25rem;font-size:var(--text-4xl);font-weight:700}h2{font-size:1.875rem;font-size:var(--text-3xl)}h2,h3{font-weight:600}h3{font-size:1.5rem;font-size:var(--text-2xl)}h4{font-size:1.25rem;font-size:var(--text-xl);font-weight:600}p{color:#adb5bd;color:var(--text-secondary);line-height:1.6}.container{margin:0 auto;max-width:1280px;padding:0 1rem;padding:0 var(--space-4)}.page-container{background:#010409;background:var(--background);min-height:100vh}.content-wrapper{padding:2rem 0;padding:var(--space-8) 0}.card{background:#0d1117;background:var(--surface);border:1px solid #212529;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .25s ease-out;transition:all var(--transition-base)}.card-elevated{background:#212529;background:var(--surface-elevated);border:1px solid #212529;border:1px solid var(--border);box-shadow:0 1px 3px 0 #1018281a,0 1px 2px 0 #1018280f;box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer;transition:all .25s ease-out;transition:all var(--transition-base)}.card-interactive:hover{border-color:#343a40;border-color:var(--border-strong);box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{align-items:center;border-bottom:1px solid #212529;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4);padding-bottom:1rem;padding-bottom:var(--space-4)}.card-title{color:#fcfcfd;color:var(--text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;letter-spacing:-.02em}.card-subtitle{font-size:.875rem;font-size:var(--text-sm);margin-top:.25rem;margin-top:var(--space-1)}.card-content,.card-subtitle{color:#adb5bd;color:var(--text-secondary)}.card-content{line-height:1.6}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--space-2);justify-content:center;line-height:1;overflow:hidden;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);position:relative;text-decoration:none;transition:all .15s ease-out;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--blue-500);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:#2563eb;background:var(--blue-600);box-shadow:0 1px 3px 0 #1018281a,0 1px 2px 0 #1018280f;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-inverse)}.btn-primary:hover{background:#1d4ed8;background:var(--blue-700);box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:#0d1117;background:var(--surface);border:1px solid #212529;border:1px solid var(--border);box-shadow:0 1px 2px 0 #1018280a;box-shadow:var(--shadow-xs);color:#fcfcfd;color:var(--text-primary)}.btn-secondary:hover{background:#fcfcfd;background:var(--gray-50);border-color:#343a40;border-color:var(--border-strong);box-shadow:0 1px 3px 0 #1018281a,0 1px 2px 0 #1018280f;box-shadow:var(--shadow-sm)}.btn-ghost{background:#0000;color:#adb5bd;color:var(--text-secondary)}.btn-ghost:hover{background:#f8f9fa;background:var(--gray-100);color:#fcfcfd;color:var(--text-primary)}.btn-ghost.text-white{color:#fff}.btn-ghost.text-white:hover{background:#fff;color:#000}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--space-2) var(--space-3)}.btn-lg{font-size:1rem;font-size:var(--text-base);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.input{background:#0d1117;background:var(--surface);border:1px solid #212529;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius-lg);color:#fcfcfd;color:var(--text-primary);font-family:inherit;font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--space-3) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast);width:100%}.input:focus{border-color:#3b82f6;border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61a;outline:none}.input::placeholder{color:#6c757d;color:var(--text-tertiary)}.metric-card{background:#0d1117;background:var(--surface);border:1px solid #212529;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-xl);overflow:hidden;padding:1.5rem;padding:var(--space-6);position:relative;transition:all .25s ease-out;transition:all var(--transition-base)}.metric-card:before{background:#0000;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:background .25s ease-out;transition:background var(--transition-base)}.metric-card:hover{border-color:#343a40;border-color:var(--border-strong);box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card.success:before{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--green-500),var(--green-600))}.metric-card.danger:before{background:linear-gradient(90deg,#ef4444,#dc2626);background:linear-gradient(90deg,var(--red-500),var(--red-600))}.metric-card.primary:before{background:linear-gradient(90deg,#3b82f6,#2563eb);background:linear-gradient(90deg,var(--blue-500),var(--blue-600))}.metric-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-4)}.metric-card-icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-xl);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-card-content h3{color:#adb5bd;color:var(--text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.05em;margin-bottom:.25rem;margin-bottom:var(--space-1);text-transform:uppercase}.metric-card-value{color:#fcfcfd;color:var(--text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem;margin-bottom:var(--space-2)}.metric-card-change{align-items:center;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.25rem;gap:var(--space-1)}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.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))}.metrics-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1117;background:var(--surface);border-bottom:1px solid #212529;border-bottom:1px solid var(--border);position:sticky;top:0;transition:all .25s ease-out;transition:all var(--transition-base);z-index:50}.header-content{height:96px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1.5rem;padding:0 var(--space-6)}.header-brand,.header-content{align-items:center;display:flex}.header-brand{color:#fcfcfd;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;gap:.75rem;gap:var(--space-3);text-decoration:none}.header-nav{gap:1rem;gap:var(--space-4)}.header-nav,.header-user{align-items:center;display:flex}.header-user{background:#f8f9fa;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-lg);gap:.75rem;gap:var(--space-3);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);transition:all .15s ease-out;transition:all var(--transition-fast)}.header-user:hover{background:#f1f3f4;background:var(--gray-200)}.header-avatar{align-items:center;background:#2563eb;background:var(--blue-600);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--text-inverse);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;width:32px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.4,0,.2,1);animation:fadeIn .4s var(--easing-smooth)}.animate-slide-down{animation:slideDown .3s cubic-bezier(.4,0,.2,1);animation:slideDown .3s var(--easing-smooth)}.animate-scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1);animation:scaleIn .2s var(--easing-smooth)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-success{color:#059669;color:var(--green-600)}.text-danger{color:#dc2626;color:var(--red-600)}.text-warning{color:#ea580c;color:var(--orange-600)}.text-primary{color:#2563eb;color:var(--blue-600)}.bg-success{background-color:#ecfdf5;background-color:var(--green-50)}.bg-danger{background-color:#fef2f2;background-color:var(--red-50)}.bg-warning{background-color:#fff7ed;background-color:var(--orange-50)}.bg-primary{background-color:#eff8ff;background-color:var(--blue-50)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:.25rem;gap:var(--space-1)}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:1rem;gap:var(--space-4)}.gap-6{gap:1.5rem;gap:var(--space-6)}.gap-8{gap:2rem;gap:var(--space-8)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-6{padding:1.5rem;padding:var(--space-6)}.p-8{padding:2rem;padding:var(--space-8)}.p-12{padding:3rem;padding:var(--space-12)}.px-2{padding-left:.5rem;padding-left:var(--space-2);padding-right:.5rem;padding-right:var(--space-2)}.px-3{padding-left:.75rem;padding-left:var(--space-3);padding-right:.75rem;padding-right:var(--space-3)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.px-6{padding-left:1.5rem;padding-left:var(--space-6);padding-right:1.5rem;padding-right:var(--space-6)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.py-3{padding-bottom:.75rem;padding-bottom:var(--space-3);padding-top:.75rem;padding-top:var(--space-3)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.py-6{padding-bottom:1.5rem;padding-bottom:var(--space-6);padding-top:1.5rem;padding-top:var(--space-6)}.py-8{padding-bottom:2rem;padding-bottom:var(--space-8);padding-top:2rem;padding-top:var(--space-8)}.py-12{padding-bottom:3rem;padding-bottom:var(--space-12);padding-top:3rem;padding-top:var(--space-12)}.m-0{margin:0}.m-2{margin:.5rem;margin:var(--space-2)}.m-4{margin:1rem;margin:var(--space-4)}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mb-6{margin-bottom:1.5rem;margin-bottom:var(--space-6)}.mb-8{margin-bottom:2rem;margin-bottom:var(--space-8)}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:1rem;margin-top:var(--space-4)}.w-full{width:100%}.w-auto{width:auto}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.max-h-96{max-height:24rem}.min-w-0{min-width:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.z-50{z-index:50}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capitalize{text-transform:capitalize}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-200{border-color:#f1f3f4;border-color:var(--gray-200)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.rounded-lg{border-radius:.5rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:.75rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1rem;border-radius:var(--radius-2xl)}.rounded-md{border-radius:.375rem;border-radius:var(--radius-md)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.transform{transform:var(--tw-transform)}.transition-all{transition:all .25s ease-out;transition:all var(--transition-base)}.shadow-sm{box-shadow:0 1px 3px 0 #1018281a,0 1px 2px 0 #1018280f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 12px 16px -4px #10182814,0 4px 6px -2px #10182808;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 24px -4px #10182814,0 8px 8px -4px #10182808;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 24px 48px -12px #1018282e;box-shadow:var(--shadow-2xl)}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-50{background-color:#fcfcfd;background-color:var(--gray-50)}.bg-gray-100{background-color:#f8f9fa;background-color:var(--gray-100)}.bg-gray-200{background-color:#f1f3f4;background-color:var(--gray-200)}.bg-gray-500{background-color:#6c757d;background-color:var(--gray-500)}.bg-gray-900{background-color:#0d1117;background-color:var(--gray-900)}.bg-blue-50{background-color:#eff8ff;background-color:var(--blue-50)}.bg-blue-600{background-color:#2563eb;background-color:var(--blue-600)}.bg-green-100{background-color:#d1fae5;background-color:var(--green-100)}.bg-green-500{background-color:#10b981;background-color:var(--green-500)}.bg-red-100{background-color:#fee2e2;background-color:var(--red-100)}.bg-red-500{background-color:#ef4444;background-color:var(--red-500)}.bg-opacity-50{background-color:#00000080}.bg-purple-50{background-color:#faf5ff}.bg-purple-100{background-color:#f3e8ff}.bg-orange-50{background-color:#fff7ed}.text-purple-600{color:#9333ea}.text-purple-700{color:#7c3aed}.text-orange-700{color:#c2410c}.text-blue-700{color:#1d4ed8}.text-green-700{color:#15803d}.border-purple-200{border-color:#e9d5ff}.border-orange-200{border-color:#fed7aa}.border-blue-200{border-color:#bfdbfe}.border-green-200{border-color:#bbf7d0}.bg-opacity-50{background-color:#ffffff80}.rotate-180{transform:rotate(180deg)}.z-40{z-index:40}.opacity-75{opacity:.75}.scale-102{transform:scale(1.02)}.scale-105{transform:scale(1.05)}.scale-95{transform:scale(.95)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.leading-relaxed{line-height:1.625}.skew-x-12{transform:skewX(12deg)}.-skew-x-12{transform:skewX(-12deg)}.min-w-56{min-width:14rem}.w-\[420px\]{width:420px}.text-opacity-90{color:#ffffffe6}.bg-opacity-5{background-color:#ffffff0d}.bg-opacity-10{background-color:#ffffff1a}.bg-opacity-20{background-color:#fff3}.bg-opacity-30{background-color:#ffffff4d}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.text-white{color:#fff}.text-black{color:#000}.text-gray-300{color:#dee2e6;color:var(--gray-300)}.text-gray-400{color:#adb5bd;color:var(--gray-400)}.text-gray-500{color:#6c757d;color:var(--gray-500)}.text-gray-600{color:#495057;color:var(--gray-600)}.text-gray-800{color:#212529;color:var(--gray-800)}.text-gray-900{color:#0d1117;color:var(--gray-900)}.text-blue-600{color:#2563eb;color:var(--blue-600)}.text-green-600{color:#059669;color:var(--green-600)}.text-green-700{color:#047857;color:var(--green-700)}.text-red-600{color:#dc2626;color:var(--red-600)}.text-red-700{color:#b91c1c;color:var(--red-700)}.hover\:bg-white:hover{background-color:#fff}.hover\:text-black:hover{color:#000}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.space-y-3>*+*{margin-top:.75rem;margin-top:var(--space-3)}.space-y-4>*+*{margin-top:1rem;margin-top:var(--space-4)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}@media (max-width:768px){.container{padding:0 .75rem;padding:0 var(--space-3)}.content-wrapper{padding:1rem 0;padding:var(--space-4) 0}.metrics-grid{gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card,.metric-card{padding:1rem;padding:var(--space-4)}.metric-card-value{font-size:1.5rem;font-size:var(--text-2xl);font-weight:700}.metric-card h3{font-size:.7rem}.metric-card-change{font-size:.75rem}.metric-card-icon{height:36px;width:36px}.header-content{padding:0 .75rem;padding:0 var(--space-3)}h1{font-size:1.5rem;font-size:var(--text-2xl)}h2{font-size:1.25rem;font-size:var(--text-xl)}h3{font-size:1.125rem;font-size:var(--text-lg)}.flex.gap-3{gap:.5rem;gap:var(--space-2)}.btn.btn-lg{font-size:.875rem;font-size:var(--text-sm);min-width:12rem;padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.flex.gap-4.mb-6{margin-bottom:1rem;margin-bottom:var(--space-4)}.flex.gap-2{gap:.5rem;gap:var(--space-2)}.space-y-3>*+*{margin-top:.5rem;margin-top:var(--space-2)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-theme=dark] .btn-secondary{background:#212529;background:var(--gray-800);border-color:#343a40;border-color:var(--gray-700);color:#f1f3f4;color:var(--gray-200)}[data-theme=dark] .btn-secondary:hover{background:#343a40;background:var(--gray-700);border-color:#495057;border-color:var(--gray-600)}[data-theme=dark] .btn-ghost:hover,[data-theme=dark] .input{background:#212529;background:var(--gray-800)}[data-theme=dark] .input{border-color:#343a40;border-color:var(--gray-700)}[data-theme=dark] .header-user{background:#212529;background:var(--gray-800)}[data-theme=dark] .header-user:hover{background:#343a40;background:var(--gray-700)}.status-dot{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;height:8px;width:8px}.status-success{background:#10b981;background:var(--green-500)}.status-danger{background:#ef4444;background:var(--red-500)}.status-warning{background:#f97316;background:var(--orange-500)}.status-primary{background:#3b82f6;background:var(--blue-500)}.skeleton{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f1f3f4 25%,#f8f9fa 50%,#f1f3f4 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;border-radius:.375rem;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#343a40 25%,#212529 50%,#343a40 75%);background:linear-gradient(90deg,var(--gray-700) 25%,var(--gray-800) 50%,var(--gray-700) 75%);background-size:200% 100%}.will-change-transform{will-change:transform}.backface-hidden{backface-visibility:hidden}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .6s ease-out}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}