:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--text-xs:.75rem;--text-sm:.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;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000040;--container-padding:var(--spacing-md);--card-padding:var(--spacing-lg);--button-padding:var(--spacing-md);--nav-height:60px;--sidebar-width:280px;--modal-width:90%;--modal-max-width:400px;--grid-gap:var(--spacing-md);--border-radius:var(--radius-lg);--text-size:var(--text-base);--heading-size:var(--text-2xl);--box-shadow:var(--shadow-md)}@media (min-width:768px){:root{--container-padding:var(--spacing-lg);--card-padding:var(--spacing-xl);--button-padding:var(--spacing-lg);--nav-height:70px;--sidebar-width:300px;--modal-width:80%;--modal-max-width:600px;--grid-gap:var(--spacing-lg);--border-radius:var(--radius-md);--text-size:var(--text-lg);--heading-size:var(--text-3xl);--box-shadow:var(--shadow-lg)}}@media (min-width:1024px){:root{--container-padding:var(--spacing-xl);--card-padding:var(--spacing-2xl);--button-padding:var(--spacing-xl);--nav-height:80px;--sidebar-width:320px;--modal-width:70%;--modal-max-width:800px;--grid-gap:var(--spacing-xl);--border-radius:var(--radius-md);--text-size:var(--text-lg);--heading-size:var(--text-4xl);--box-shadow:var(--shadow-xl)}}@media (min-width:1536px){:root{--container-padding:var(--spacing-2xl);--card-padding:var(--spacing-3xl);--button-padding:var(--spacing-2xl);--nav-height:90px;--sidebar-width:350px;--modal-width:60%;--modal-max-width:1000px;--grid-gap:var(--spacing-2xl);--border-radius:var(--radius-lg);--text-size:var(--text-xl);--heading-size:var(--text-5xl);--box-shadow:var(--shadow-2xl)}}.responsive-container{padding:var(--container-padding);max-width:1200px;margin:0 auto}.responsive-card{border-radius:var(--border-radius);padding:var(--card-padding);box-shadow:var(--box-shadow);margin-bottom:var(--grid-gap);background:#fff}.responsive-button{padding:var(--button-padding);border-radius:var(--border-radius);font-size:var(--text-size);cursor:pointer;border:none;font-weight:500;transition:all .2s}.responsive-grid{gap:var(--grid-gap);display:grid}.responsive-text{font-size:var(--text-size);line-height:1.5}.responsive-heading{font-size:var(--heading-size);margin-bottom:var(--spacing-lg);font-weight:700;line-height:1.2}.responsive-nav{height:var(--nav-height);padding:0 var(--container-padding);justify-content:space-between;align-items:center;display:flex}.responsive-sidebar{width:var(--sidebar-width);padding:var(--card-padding)}.responsive-modal{width:var(--modal-width);max-width:var(--modal-max-width);padding:var(--card-padding);border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.grid-responsive{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-responsive{grid-template-columns:repeat(3,1fr)}}@media (min-width:1536px){.grid-responsive{grid-template-columns:repeat(4,1fr)}}.grid-2-col{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-2-col{grid-template-columns:repeat(2,1fr)}}.grid-3-col{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-3-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-3-col{grid-template-columns:repeat(3,1fr)}}.grid-4-col{gap:var(--grid-gap);grid-template-columns:1fr;display:grid}@media (min-width:768px){.grid-4-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-4-col{grid-template-columns:repeat(3,1fr)}}@media (min-width:1536px){.grid-4-col{grid-template-columns:repeat(4,1fr)}}.text-responsive-sm{font-size:var(--text-sm)}@media (min-width:768px){.text-responsive-sm{font-size:var(--text-base)}}@media (min-width:1024px){.text-responsive-sm{font-size:var(--text-lg)}}.text-responsive-base{font-size:var(--text-base)}@media (min-width:768px){.text-responsive-base{font-size:var(--text-lg)}}@media (min-width:1024px){.text-responsive-base{font-size:var(--text-xl)}}.text-responsive-lg{font-size:var(--text-lg)}@media (min-width:768px){.text-responsive-lg{font-size:var(--text-xl)}}@media (min-width:1024px){.text-responsive-lg{font-size:var(--text-2xl)}}.text-responsive-xl{font-size:var(--text-xl)}@media (min-width:768px){.text-responsive-xl{font-size:var(--text-2xl)}}@media (min-width:1024px){.text-responsive-xl{font-size:var(--text-3xl)}}.heading-responsive{font-size:var(--text-2xl);font-weight:700;line-height:1.2}@media (min-width:768px){.heading-responsive{font-size:var(--text-3xl)}}@media (min-width:1024px){.heading-responsive{font-size:var(--text-4xl)}}@media (min-width:1536px){.heading-responsive{font-size:var(--text-5xl)}}.p-responsive{padding:var(--spacing-md)}@media (min-width:768px){.p-responsive{padding:var(--spacing-lg)}}@media (min-width:1024px){.p-responsive{padding:var(--spacing-xl)}}@media (min-width:1536px){.p-responsive{padding:var(--spacing-2xl)}}.m-responsive{margin:var(--spacing-md)}@media (min-width:768px){.m-responsive{margin:var(--spacing-lg)}}@media (min-width:1024px){.m-responsive{margin:var(--spacing-xl)}}@media (min-width:1536px){.m-responsive{margin:var(--spacing-2xl)}}.gap-responsive{gap:var(--spacing-md)}@media (min-width:768px){.gap-responsive{gap:var(--spacing-lg)}}@media (min-width:1024px){.gap-responsive{gap:var(--spacing-xl)}}@media (min-width:1536px){.gap-responsive{gap:var(--spacing-2xl)}}
.mobile-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fffffff2;border-top:1px solid #0000001a;padding:1rem;position:fixed;bottom:0;left:0;right:0}.mobile-card{border-radius:1rem;margin:1rem 0;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.mobile-form-input{border:2px solid #e5e7eb;border-radius:.75rem;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem}.mobile-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.mobile-button-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:1rem;width:100%;padding:1rem 2rem;font-weight:600;transition:all .3s}.mobile-button-primary:active{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:scale(.98)}.mobile-list-item{border-bottom:1px solid #f3f4f6;align-items:center;gap:1rem;padding:1rem;display:flex}.mobile-list-item:last-child{border-bottom:none}.mobile-modal{background:#fff;border-radius:1.5rem 1.5rem 0 0;max-height:80vh;padding:1.5rem;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 20px #0000001a}.mobile-safe-top{padding-top:max(1rem,env(safe-area-inset-top))}.mobile-safe-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.mobile-heading-1{margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:2.5rem}.mobile-heading-2{margin-bottom:.75rem;font-size:1.5rem;font-weight:600;line-height:2rem}.mobile-body-text{color:#6b7280;font-size:1rem;line-height:1.5rem}.mobile-swipeable{touch-action:pan-x;-webkit-user-select:none;user-select:none;cursor:grab}.mobile-swipeable:active{cursor:grabbing}.mobile-pull-refresh{overscroll-behavior-y:contain;overflow-y:scroll}.mobile-fab{color:#fff;cursor:pointer;z-index:40;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;width:4rem;height:4rem;transition:all .3s;position:fixed;bottom:5rem;right:1rem;box-shadow:0 8px 20px #3b82f64d}.mobile-fab:active{transform:scale(.95)}
.tablet-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem;display:grid}.tablet-grid-sidebar{grid-template-columns:300px 1fr;gap:2rem;height:100vh;display:grid}.tablet-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.tablet-nav-links{gap:2rem;display:flex}.tablet-nav-link{color:#6b7280;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.tablet-nav-link:hover{color:#374151;background:#f3f4f6}.tablet-nav-link.active{color:#fff;background:#3b82f6}.tablet-card{background:#fff;border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 4px 12px #0000001a}.tablet-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.tablet-form{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.tablet-form .full-width{grid-column:1/-1}.tablet-form-input{border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.tablet-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.tablet-modal{background:#fff;border-radius:1rem;width:90%;max-width:600px;max-height:80vh;padding:2rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0003}.tablet-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;width:280px;padding:2rem 1rem;overflow-y:auto}.tablet-sidebar-item{color:#6b7280;border-radius:.5rem;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.tablet-sidebar-item:hover{color:#374151;background:#fff}.tablet-sidebar-item.active{color:#2563eb;background:#eff6ff}.tablet-table{border-collapse:collapse;background:#fff;border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 4px 12px #0000001a}.tablet-table th{text-align:left;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem;font-weight:600}.tablet-table td{border-bottom:1px solid #f3f4f6;padding:1rem}.tablet-table tr:hover{background:#f9fafb}.tablet-button-group{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.tablet-button{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 2rem;font-weight:500;transition:all .2s}.tablet-button-primary{color:#fff;background:#3b82f6}.tablet-button-primary:hover{background:#2563eb}.tablet-button-secondary{color:#374151;background:#f3f4f6}.tablet-button-secondary:hover{background:#e5e7eb}.tablet-heading-1{margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:3rem}.tablet-heading-2{margin-bottom:1rem;font-size:2rem;font-weight:600;line-height:2.5rem}.tablet-body-text{color:#6b7280;font-size:1rem;line-height:1.6rem}
.desktop-container{max-width:1200px;margin:0 auto;padding:0 2rem}.desktop-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;padding:3rem 0;display:grid}.desktop-grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.desktop-grid-4{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.desktop-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#fffffff2;border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.desktop-nav-links{gap:3rem;display:flex}.desktop-nav-link{color:#6b7280;padding:.5rem 0;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.desktop-nav-link:hover{color:#374151}.desktop-nav-link:after{content:"";background:#3b82f6;width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.desktop-nav-link:hover:after,.desktop-nav-link.active:after{width:100%}.desktop-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 4px 12px #0000000d}.desktop-card:hover{border-color:#3b82f633;transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.desktop-card-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:4rem 2rem}.desktop-form{max-width:600px;margin:0 auto;padding:2rem}.desktop-form-row{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.desktop-form-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.desktop-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.desktop-form-input:hover{border-color:#9ca3af}.desktop-modal{background:#fff;border-radius:1rem;width:90%;max-width:800px;max-height:90vh;padding:3rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 25px 50px #00000040}.desktop-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000080;position:fixed;inset:0}.desktop-sidebar{background:#f9fafb;border-right:1px solid #e5e7eb;width:320px;height:100vh;padding:2rem;position:fixed;top:0;left:0;overflow-y:auto}.desktop-main-content{min-height:100vh;margin-left:320px;padding:2rem}.desktop-table{border-collapse:collapse;background:#fff;border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 4px 12px #0000000d}.desktop-table th{text-align:left;color:#374151;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1.5rem;font-weight:600}.desktop-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:1.5rem}.desktop-table tr:hover{background:#f9fafb}.desktop-table tr:last-child td{border-bottom:none}.desktop-button{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.desktop-button-primary{color:#fff;background:#3b82f6}.desktop-button-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.desktop-button-secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.desktop-button-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.desktop-button-ghost{color:#6b7280;background:0 0;border:1px solid #0000}.desktop-button-ghost:hover{color:#374151;background:#f3f4f6}.desktop-heading-1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:3rem;font-weight:700;line-height:3.5rem}.desktop-heading-2{color:#1f2937;margin-bottom:1.5rem;font-size:2.25rem;font-weight:600;line-height:2.75rem}.desktop-heading-3{color:#374151;margin-bottom:1rem;font-size:1.875rem;font-weight:600;line-height:2.25rem}.desktop-body-text{color:#6b7280;margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem}.desktop-body-text-large{color:#6b7280;font-size:1.25rem;line-height:1.875rem}.desktop-fade-in{animation:.6s ease-out desktopFadeIn}@keyframes desktopFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.desktop-slide-in{animation:.5s ease-out desktopSlideIn}@keyframes desktopSlideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.desktop-dropzone{text-align:center;border:2px dashed #d1d5db;border-radius:1rem;padding:3rem;transition:all .2s}.desktop-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.desktop-dropzone.active{background:#ecfdf5;border-color:#10b981}.desktop-tooltip{position:relative}.desktop-tooltip:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background:#1f2937;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.desktop-tooltip:hover:after{opacity:1}