:root{--color-primary:#5b4fe5;--color-primary-dark:#4a3dd1;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-danger:#e11d48;--color-danger-bg:#ffe4e6;--color-bg:#f8f8fb;--color-card:#fff;--color-text:#1a1a1a;--color-text-muted:#6b7280;--color-border:#e5e7eb;--radius-lg:16px;--radius-md:10px;--radius-pill:999px;--shadow-card:0 2px 8px #0000000f;--sidebar-width:220px;--bottomnav-height:64px}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3{margin:0;font-weight:700;line-height:1.2}p{margin:0;line-height:1.5}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff;border-radius:var(--radius-pill);border:none;padding:14px 28px;font-size:15px;font-weight:600;display:inline-block}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:0 0;padding:14px 28px;font-size:15px;font-weight:600;display:inline-block}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px}.mobile-topbar{background:var(--color-card);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;padding:16px;display:none;position:sticky;top:0}.mobile-topbar .logo{font-size:16px;font-weight:700}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-card);border-right:1px solid var(--color-border);flex-direction:column;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{margin-bottom:32px;padding:0 8px;font-size:18px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--color-text-muted);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sidebar-link i{font-size:18px}.sidebar-link.active{color:var(--color-primary);background:#eef2ff}.sidebar-footer{color:var(--color-text-muted);flex-direction:column;gap:8px;padding:0 8px;font-size:13px;display:flex}.app-main{margin-left:var(--sidebar-width);flex:1;padding:32px}.bottom-nav{height:var(--bottomnav-height);background:var(--color-card);border-top:1px solid var(--color-border);justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-link{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:2px;font-size:11px;display:flex}.bottom-nav-link i{font-size:18px}.bottom-nav-link.active{color:var(--color-primary)}@media (width<=767px){.mobile-topbar{display:flex}.sidebar{display:none}.app-main{padding:16px;padding-bottom:calc(var(--bottomnav-height) + 16px);margin-left:0}.bottom-nav{display:flex}}