:root{--color-primary:#ff3b3b;--color-secondary:#ffc107;--color-background:#fff;--color-surface:#f8f9fa;--color-text-main:#121212;--color-text-muted:#666;--color-border:#eee;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--color-background:#121212;--color-surface:#1e1e1e;--color-text-main:#fff;--color-text-muted:#a0a0a0;--color-border:#333;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 24px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}input,button{background:0 0;border:none;outline:none;font-family:inherit}.masonry-container{column-count:2;column-gap:16px}@media (min-width:768px){.masonry-container{column-count:3}}@media (min-width:1024px){.masonry-container{column-count:4}}.masonry-item{break-inside:avoid;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.masonry-item:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.masonry-item img{border-radius:var(--radius-md);width:100%;display:block}.btn-primary{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);padding:12px 24px;font-weight:600;transition:background-color .2s,transform .1s}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{background-color:#e63535}.btn-secondary{background-color:var(--color-secondary);color:#000;border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);padding:12px 24px;font-weight:600;transition:background-color .2s,transform .1s}.btn-secondary:active{transform:scale(.98)}.input-field{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);width:100%;color:var(--color-text-main);margin-bottom:16px;padding:14px 16px;transition:border-color .2s}.input-field:focus{border-color:var(--color-primary)}.layout-with-sidebar{min-height:100vh;display:flex}.main-content{flex:1;padding:24px}@media (min-width:768px){.main-content{margin-left:260px}}@media (max-width:767px){.main-content{padding-bottom:80px}}.auth-wrapper{background-color:var(--color-surface);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-container{background-color:var(--color-background);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:32px}.desktop-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);width:260px;height:100vh;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:fixed;top:0;left:0}.logo-container{border-bottom:1px solid var(--color-border);color:var(--color-primary);padding:24px}.sidebar-nav{flex-direction:column;flex:1;gap:12px;padding:24px 16px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:16px;padding:12px 16px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{background-color:var(--color-primary);color:#fff}.logout-btn{color:var(--color-primary);background:0 0;margin-top:auto}.logout-btn:hover{color:var(--color-primary);background-color:#ff3b3b1a}.mobile-bottom-nav{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:1000;justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000d}.mobile-nav-item{color:var(--color-text-muted);border-radius:var(--radius-full);padding:12px;transition:all .2s}.mobile-nav-item.active{color:var(--color-primary);background-color:#ff3b3b1a}.landing-page{flex-direction:column;min-height:100vh;display:flex}.landing-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.logo{color:var(--color-primary);align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.nav-links{gap:16px;display:flex}.landing-main{text-align:center;flex-direction:column;flex:1;align-items:center;padding:64px 24px;display:flex}.hero{max-width:800px;margin-bottom:80px}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:56px}.hero p{color:var(--color-text-muted);margin-bottom:40px;font-size:20px;line-height:1.6}.features{flex-wrap:wrap;justify-content:center;gap:24px;max-width:1200px;display:flex}.feature-card{background-color:var(--color-surface);border-radius:var(--radius-lg);min-width:300px;box-shadow:var(--shadow-sm);text-align:left;flex:1;padding:32px}.feature-card h3{margin-bottom:12px;font-size:20px}.feature-card p{color:var(--color-text-muted);line-height:1.5}@media (max-width:768px){.landing-header{padding:16px 24px}.hero h1{font-size:40px}}