*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{color:#111827;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}h1{letter-spacing:-.02em;font-size:2rem;font-weight:600}p{color:#4b5563;line-height:1.6}input,select,button{font-family:inherit}button{cursor:pointer;border:none;border-radius:10px;padding:.75rem 1rem;font-size:.95rem}.layout-wrapper{background:#f9fafb;min-height:100vh}@keyframes float{0%{transform:translateY(0)rotateX(2deg)rotateY(-2deg)}50%{transform:translateY(-10px)rotateX(2deg)rotateY(-2deg)}to{transform:translateY(0)rotateX(2deg)rotateY(-2deg)}}.layout-with-sidebar{display:flex}.sidebar{z-index:50;background:#fff;border-right:1px solid #f3f4f6;flex-direction:column;width:280px;height:100vh;padding:1.5rem;font-family:system-ui,sans-serif;transition:transform .3s;display:flex;position:sticky;top:0}.main-content{flex:1;padding:2rem;overflow-y:auto}.mobile-header{z-index:40;background:#fff;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1rem;display:none;position:sticky;top:0}.sidebar-overlay{z-index:45;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.layout-wrapper{display:block}.sidebar{height:100vh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001a}.sidebar.open{transform:translate(0)}.mobile-header{display:flex}.main-content{padding:1.5rem 1rem}.sidebar-overlay.open{display:block}}@keyframes toastIn{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.toast{z-index:1000;background:#fff;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:.75rem;max-width:400px;padding:1rem 1.5rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastIn;display:flex;position:fixed;top:2rem;right:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-success .toast-icon{color:#10b981;background:#ecfdf5}.toast-error .toast-icon{color:#ef4444;background:#fef2f2}