:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent-primary: #000000;--accent-secondary: #3b82f6;--success: #10b981;--danger: #ef4444;--border-light: #e2e8f0;--font-main: "Outfit", sans-serif;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-main);color:var(--text-primary);height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;height:100dvh;max-width:1400px;margin:0 auto;background:var(--bg-main);position:relative}.sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-light);padding:2rem;display:flex;flex-direction:column;z-index:100}.logo{font-size:1.8rem;font-weight:700;margin-bottom:3rem;color:var(--accent-primary);display:flex;align-items:center;gap:.5rem}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.5rem}.nav-links li{padding:1rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.nav-links li:hover{background:#f1f5f9;color:var(--text-primary)}.nav-links li.active{background:#f1f5f9;color:var(--accent-primary);font-weight:600}.main-content{flex:1;display:flex;flex-direction:column;position:relative;background:var(--bg-main);overflow-y:auto}.top-bar{padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center}.location-picker{display:flex;align-items:center;gap:.5rem;background:var(--bg-card);padding:.6rem 1.2rem;border-radius:20px;border:1px solid var(--border-light);cursor:pointer;font-weight:500;box-shadow:var(--shadow-sm);transition:all .2s}.location-picker:hover{box-shadow:var(--shadow-lg)}.avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light)}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px);background:var(--accent-primary);padding:1rem 2rem;border-radius:30px;color:#fff;font-weight:600;opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:1000;box-shadow:var(--shadow-lg)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.page-container{padding:0 3rem 3rem;flex:1}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;height:70px;padding:0;border-right:none;border-top:1px solid var(--border-light);flex-direction:row;position:fixed;bottom:0;left:0;justify-content:space-around;align-items:center;background:var(--bg-card);box-shadow:0 -4px 10px #0000000d}.logo{display:none}.nav-links{flex-direction:row;width:100%;justify-content:space-around;padding:0 1rem}.nav-links li{flex-direction:column;padding:.5rem;font-size:.75rem;gap:.2rem;border-radius:8px}.main-content{padding-bottom:80px}.top-bar{padding:1rem 1.5rem}.page-container{padding:0 1.5rem 2rem}.toast{bottom:90px}}