html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,Arial}.app-shell{min-height:100vh;display:flex;flex-direction:column;padding-bottom:70px;background:#f6f7fb}.page-area{flex:1;padding:10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #eee;display:flex;gap:6px;align-items:center;justify-content:space-around;padding:6px}.nav-btn{background:transparent;border:none;padding:8px 12px;border-radius:10px;font-weight:700;color:#667;cursor:pointer}.nav-btn.active{background:linear-gradient(90deg,#2563eb33,#1e63e633);color:#2563eb;box-shadow:0 6px 16px #2563eb14}.card{background:#fff;border-radius:12px;padding:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:12px}.task-card{background:#fff;padding:12px;border-radius:10px;margin-bottom:10px;box-shadow:0 1px 4px #00000008}.task-header{display:flex;justify-content:space-between;align-items:center}.task-desc{color:#666;margin-top:8px}.footer{display:flex;justify-content:space-between;margin-top:10px}input,textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:8px;margin-top:8px}button{padding:8px 12px;border-radius:8px;border:none;background:#2563eb;color:#fff;cursor:pointer}.avatar img{width:60px;height:60px;border-radius:50%}.avatar-letters{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8eefc;color:#1e63e6;font-weight:800}