*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}:root{--color-primary:#667eea;--color-primary-dark:#5568d3;--color-secondary:#764ba2;--color-success:#2ecc71;--color-danger:#dc3545;--color-warning:#f39c12;--color-info:#3498db;--color-text:#333;--color-text-light:#666;--color-text-muted:#999;--color-bg:#fff;--color-bg-light:#f8f9fa;--color-border:#e0e0e0;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #00000026;--shadow-xl:0 20px 40px #0003;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-xl)}}.card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);border:1px solid var(--color-border)}.btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center;border:none;font-size:1rem;font-weight:500;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#27ae60;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base);font-size:1rem}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #667eea1a}h1{margin-bottom:var(--spacing-lg);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2}h2{margin-bottom:var(--spacing-md);font-size:clamp(1.5rem,4vw,2rem);font-weight:600;line-height:1.3}h3{margin-bottom:var(--spacing-md);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.4}p{margin-bottom:var(--spacing-md);line-height:1.6}.logo{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);-webkit-text-fill-color:transparent;align-items:center;gap:var(--spacing-sm);transition:transform var(--transition-base);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.logo:hover{transform:scale(1.05)}.logo-icon{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);border-radius:50%;width:32px;height:32px;display:inline-block;position:relative}.logo-icon:before{content:"🥚";font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:768px){.logo{font-size:1.25rem}.logo-icon{width:28px;height:28px}.logo-icon:before{font-size:16px}}.grid{gap:var(--spacing-lg);display:grid}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}nav{padding:1rem!important}nav>div:last-child{flex-direction:column;align-items:flex-start}table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.admin-form-container{width:100%;padding:1rem}.admin-card{width:100%;margin:0;padding:1rem}}