@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg:0 0% 100%;--color-surface:0 0% 98%;--color-primary:210 100% 25%;--color-primary-hover:210 100% 15%;--color-accent:43 91% 60%;--color-accent-hover:43 91% 50%;--color-text-main:220 10% 20%;--color-text-muted:220 10% 45%;--color-border:0 0% 83%;--color-success:150 60% 45%;--color-warning:43 91% 60%;--color-danger:0 70% 55%;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.5rem;--spacing-6:2rem;--spacing-8:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px hsl(var(--color-text-main) / .05);--shadow-md:0 4px 6px -1px hsl(var(--color-text-main) / .05), 0 2px 4px -2px hsl(var(--color-text-main) / .05);--shadow-lg:0 10px 15px -3px hsl(var(--color-text-main) / .05), 0 4px 6px -4px hsl(var(--color-text-main) / .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:hsl(var(--color-bg));color:hsl(var(--color-text-main));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-container{width:100%;min-height:100vh;display:flex}.main-content{padding:var(--spacing-6);flex:1;max-width:1200px;margin:0 auto;overflow-y:auto}h1,h2,h3,h4,h5,h6{color:hsl(var(--color-text-main));letter-spacing:-.02em;font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}p{color:hsl(var(--color-text-muted));margin-bottom:var(--spacing-4)}.card{background-color:hsl(var(--color-surface));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid hsl(var(--color-border));padding:var(--spacing-5);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2);border:none;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:hsl(var(--color-primary));color:#fff}.btn-primary:hover{background-color:hsl(var(--color-primary-hover))}.btn-outline{color:hsl(var(--color-text-main));border:1px solid hsl(var(--color-border));background-color:#0000}.btn-outline:hover{background-color:hsl(var(--color-bg));border-color:hsl(var(--color-text-muted))}.input{width:100%;padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);border:1px solid hsl(var(--color-border));border-radius:var(--radius-md);background-color:hsl(var(--color-bg));color:hsl(var(--color-text-main));transition:border-color .2s}.input:focus{border-color:hsl(var(--color-primary));outline:none}.mobile-header{padding:var(--spacing-4);background-color:hsl(var(--color-surface));border-bottom:1px solid hsl(var(--color-border));justify-content:space-between;align-items:center;display:none}.app-sidebar{background-color:hsl(var(--color-surface));border-right:1px solid hsl(var(--color-border));z-index:100;flex-direction:column;width:280px;transition:transform .3s;display:flex}.mobile-overlay{z-index:90;background-color:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.mobile-header{display:flex}.app-sidebar{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.mobile-overlay{display:block}.main-content{padding:var(--spacing-3);width:100%;max-width:100vw;overflow-x:hidden}header,.card header{gap:var(--spacing-3);flex-direction:column;align-items:flex-start!important}.card{padding:var(--spacing-4)}div[style*=grid-template-columns]{grid-template-columns:1fr!important}button,.btn,.mobile-header,.mobile-header>div{flex-wrap:nowrap!important}}